首页大Banner图片

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

JS图片切换特效

应用说明：默认情况下显示的是图片或者文字，当鼠标悬停时进行切换图片或文字，比较有新颖典型的图文切换效果，可以在更小的空间显示更多的内容。 应用页面：全站 表现形式：图文切换

相关产品JS滚停

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

新版

应用说明：我们最新的一些版式，如：Y套餐 应用页面：整站 表现形式：整站 预览地址：http://y19.up71.com/

产品外框Css特效

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

JS图片艺术特效

应用说明：主要是指对图片列表的一些Js特效的预览 应用页面：图片列表页面，百叶窗等 表现形式：图片列表（或Banner百叶窗等）+JS效果预览 预览地址：http://t282.up71.com/Cn/Product.aspx?UserInfo_ID=624113 (图片的预览) http://a30.up71.com/ (Banner的切换效果)

带图片新闻列表

应用说明：传统的新闻列表只是单纯的文字列表，带图片新闻列表顾名思义就是在列表的新闻标题及说明文字旁边增加一张新闻图片的显示。企业可在上传新闻时，增加一张图片的上传，以便更加形象地在列表页中展现出其新闻。带图片的新闻列表能同时兼容图片上传或不上传时的二种情况，以便满足有些新闻有图片，有些新闻无图片的情况。 应用页面：新闻页面 表现形式：图片+文字标题+内容简介 预览地址：http://y44.up71.com/cn/categorypage-822893-1.html

首页全屏Banner

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

二维码

应用说明：网站底部或其它地方展示出以网站网址生成的二维码图片，便于移动端的客户直接扫描二维码即可浏览相应的网页。 应用页面：网站底部，头部，或产品详细页面等。 表现形式：二维码图片 预览地址：http://y19.up71.com