首页大Banner图片

应用说明：首页大BANNER应用于2013后才广泛采用此设计，较大的BANNER更能够体现网站的大气专业，适合中大型企业使用会占用一屏的大部分视觉，精美的图片加上设计师的精心策划设计更能够体现网站的品质 应用页面：首页 表现形式：图片＋百叶窗切换 预览地址：http://y5.up71.com

产品悬停放大功能

应用说明：悬停放大图片功能主要应用在产品展示上面，能够不用点击悬停上去即可显示图片的放大细节效果，此效果是采用JS特效所开发，简单实用越来越多的客户较喜欢这种放大功能。 应用页面：产品展示 表现形式：鼠标悬停放大 预览地址：http://y2.up71.com/cn/product_detail-801788-1032606-91594.html

首页产品推荐

应用说明：主要在网站的首页把产品推荐出来，让客户第一时间了解公司最新的产品动态有一定的营销概念，推荐功能实用于所有网站，强大的后台管理功能让管理员能够很轻松的把想推荐的产品推荐到首页，一般是推荐到首页 应用页面：首页 表现形式：图片＋标题 预览地址：http://x19.up71.com/cn/index-809024.html

TOP功能

应用说明：TOP是置顶的意思，有两种是体现方式：第一种：跟随屏幕滚动条一起滚动。第二种：以按钮的方式放置网站的底部。经总结分析采用第一种的方式较多。当有些网页栏目较多篇副较长的时候一般采用TOP功能。 应用页面：篇副较长的页面 表现形式：按钮 预览地址：http://y1.up71.com/

JS图片特效

应用说明：其实JS图片特效有很多种体现方式，用JS代码编写特效都是可以实现的，这里案例将使用JS切停效果来做为案例演示，图片＋标题＋简要说明这种方式体现的较多 应用页面：全站 表现形式：图片＋标题＋简要说明 浏览地址：http://y10-5.up71.com/ （底部精品推荐） http://t282.up71.com/Cn/Product.aspx?UserInfo_ID=624113 （图片上一张下一张展示） http://t28-4.up71.com/Cn/Product.aspx?UserInfo_ID=528016 （鼠标放到图片上放大镜功能）

子页左侧滚动功能

应用说明：子页通常情况下都是放置与本栏目相关的子栏目，但现在这个特色功能不同的是放置了自下向上的图片滚动功能，以体现网站所要展现的内容，此功能比较少用这里仅做特色功能展出使用。 应用页面：子页面 表现形式：图片＋标题 预览地址：http://y1.up71.com/cn/newsindex-790148.html

在线询价

应用说明：在线询价是采购更加方便快捷。由于使用了现代化网络信息技术，使询价采购更加公开和透明。使供应商超越了时间和空间的限制，可以足不出户就可参加报价，大大的节省采购成本；采购人可以很方便地知道供应商的报价情况. 1。客户可以对自身的产品参数自定义询价选项。 2。网站后台可以对询价列表中的产品进行增、删、改，并将最新的价格同样以列表的形式返回至客户的用户中心内，同时，以邮件或短信的方式 通知客户 3。客户在自己的用户中心内看到返回的价格后，可以对价格满意的产品进行选择并生成正式的订单列表 应用页面：产品展示 表现形式：表单提交方式

CSS文字特效

应用说明：网站所有的文字信息都可以通过CSS来进行控制，比如鼠标悬停文字换色／加链接／加粗等这些都是属于CSS控制范围内的，常用文字换色＋下划线显示功能 应用页面：全站文字 表现形式：文本换色

JS透明下拉菜单

应用说明：应用于头部导行栏目上面，通过鼠标悬停不需要点击即可显示子级分类栏目，而且体现的效果是背景色采用透明设计，效果更具有视觉享受，鼠标移动时可以显示当前不同颜色的切换，人性体验度较强，值得推荐此功能。 应用页面：网站导行栏目 表现形式：菜单栏目

栏目JS透明特效

应用说明：是指网站的主导行栏目默认情况下是透明的效果，能够看到按钮的背面内容，这种设计更具有穿透性和视觉上面的享受，使整个网站更具有灵性，更具有空间性，排版难度较强，可以推荐一些特殊行业使用此方式的设计效果。 应用页面：导行栏目 表现形式：栏目

相关产品JS滚停

应用说明：产品详细页面，同时展示出与该产品同一分类下的相关产品，为能展示出更多相关产品，采取JS滚停效果进行操作。 应用页面：产品详细页面 表现形式：图片列表+JS滚停 预览地址：http://t355.up71.com/Cn/Product_Detail.aspx?UserInfo_ID=792703&id=964291&CorpProductClass1_ID=84835

JS特效一级分类

应用说明：头部鼠标滑过对应的栏目，JS下拉一级分类，或左侧一级分类特效展示等 应用页面：网站头部或左侧 表现形式：JS下拉分类 预览地址：http://a366.up71.com/

产品外框Css特效

应用说明：鼠标停留在图片上，图片外框会显示一些特殊的CSS效果，一方面让当前停留的产品看起来更加美观，另一方面也为了能与其它未停留的产品以示区分。 应用页面：图片列表 表现形式：图片列表+CSS特效 预览地址：http://y51.up71.com/cn/product-819181-102304.html

鼠标放大镜功能

应用说明：鼠标放在图片上，将会在右侧或左侧显示出对应图片的大图，鼠标在图片上移动时，预览大图区域将会自动定位到对应的大图中的相应位置。 应用页面：图片列表页面，图片详细页面等 表现形式：JS放大镜图片预览 预览地址：http://y2.up71.com/cn/product_detail-801788-1038784-91594.html

头部宽屏效果

应用说明：网站头部采取宽屏的形式，头部一般可随着不同的分辨率而逐渐自适应宽度，从而使整个网站看上去更专业大气，头部宽屏同时配上宽屏的Banner，那就更加完美了。 应用页面：任何页面的网站头部 表现形式：头部模块随着屏幕分辨率的不同而能够自适应宽度 预览地址：http://y4.up71.com/

首页全屏Banner

应用说明：由于电脑硬件的飞速发展，显示器的屏幕越来越大，分辨率也逐渐提高。现在一般台式机的显示器分辨率都能达到1440*900，甚至于1920*1200等，而网站页面的宽度由于考虑到笔记本及平板电脑等的分辨率，页面主宽度一般为1002左右或者1200左右，这种网页宽度在大屏显示器面前，左右会空出许多，为了让网页看上去更专业大气，同时适应网站头部自适应宽度的功能，所以一般会采取首页全屏Banner展示的形式，全屏Banner会占用一屏的大部分视觉，精美的图片加上设计师的精心策划设计更能够体现网站的品质。 应用页面：首页 表现形式：图片＋百叶窗切换 预览地址：http://y5.up71.com

JS左侧悬浮栏目

应用说明：网站左侧栏目有多个分类，但由于受到版面大小的限制，不可能直接将二级三级也一块显示出来，此时，一般采取左侧只显示一级分类，然后鼠标放上去再显出隐藏的二级三级分类的方式。 应用页面：页面左侧栏目 表现形式：鼠标悬停出现隐藏的二级三级分类等 预览地址：http://a364.up71.com

产品页282比例排版

应用说明：有时为了让一个页面排版看上去更紧凑，会将页面中间主体部分分成左中右三大块，一般是左侧为分类（如产品分类），中间部分为列表内容，右侧部分则为特别推荐或促销的产品信息以及其它栏目的一些信息等，如此一来，右侧可起到一个对某些信息进行特别推荐的作用。 应用页面：产品列表页面，其它一些页面有时也可使用。 表现形式：页面中间主体部分被分成左中右三大块，其中中间那块为主体信息 预览地址：http://a43.up71.com/Cn/Product.aspx?UserInfo_ID=217656