首页小百叶窗

应用特点：能够在更小的版面显示更多的图片，采用最新的FLASH播放组件百叶窗百变效果切换特点，与版本动静结合此功能小巧实用，技术建议百叶窗2-3张以内，我司默认为2张百叶窗，太多的图片会影响网站打开的速度。 应用页面：一般应用在网站的首页面 表现形式：图片＋标题（百叶窗切换的形式有不同种方式交换切换） 预览地址：http://a5.up71.com

首页大Banner图片

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

首页产品推荐

应用说明：主要在网站的首页把产品推荐出来，让客户第一时间了解公司最新的产品动态有一定的营销概念，推荐功能实用于所有网站，强大的后台管理功能让管理员能够很轻松的把想推荐的产品推荐到首页，一般是推荐到首页 应用页面：首页 表现形式：图片＋标题 预览地址：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 （鼠标放到图片上放大镜功能）

JS透明下拉菜单

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

底部副导行

应用说明：采用文字＋链接方式体现出来，主要应用有些网站栏目较多篇幅较长时便于客户浏览网页而设计的，当客户浏览完网站后不需要再返到头部点击查看其它栏目，而是直接在网站底部副导行栏目点击即可，人性化较强。 应用页面：网站底部 表现形式：文字＋链接

产品外框Css特效

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

电子地图

应用说明：在网站的联系我们页面，调用百度地图或Google地图，形象地显示出其公司所在的具体位置，以便浏览者能更加清楚确切地了解到其公司所处的地理位置。 应用页面：联系我们页面 表现形式：JS调用百度地图或Google地图 预览地址：http://y19.up71.com/cn/singlepage-810600-2.html

JS图文悬停切换

应用说明：指的就是鼠标放在图片上时，会由图片转移成文字说明，鼠标再次离开时，则会由文字说明转移为图片形式。 应用页面：图片列表页面 表现形式：JS图文悬停切换 预览地址：http://y10-5.up71.com/ (底下的精品推荐栏目)

JS图片艺术特效

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

产品展示每类显示4个

应用说明：在产品展示栏目的第一个页面，不像传统网站那种直接显示所有的产品的分页列表，而是按分类分别列出每个分类下的4个产品（或更多产品），浏览者通过这个页面可更清晰地了解到各个分类下大概的产品情况，对产品起到一个整体的纵览效果。 应用页面：产品页面 表现形式：按产品分类列出其对应的产品，产品分类名称 + 产品图片+产品名称 预览地址：http://y1.up71.com/cn/productindex-790148.html

头部半透明分类

应用说明：主要分为二种情况，一种是在网站头部直接展示产品分类（一般同时含产品分类图片），但图片采取的是透明的PNG图片，故能透过分类图片清晰地看到图片后面的头部背景或Banner，从而让网站看起来更高端大气。另外一种是，鼠标放到头部菜单栏下，触发下拉分类，但显示下拉分类的区域为半透明形式，这样，一方面便于浏览者查看分类，另一方面也不会让下拉分类遮挡了下面的Banner或其它模块的内容，如此处理，整个功能看上去也更人性化。 应用页面：网站头部 表现形式：文字+透明PNG图片 或 Js触发下拉文字链接 预览地址：http://y4.up71.com/ http://t311.up71.com/

带图片新闻列表

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

头部宽屏效果

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

首页全屏Banner

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