标签：blog http io ar 使用 sp for strong on
1.CSS3 过渡特性创建信封效果的联系表单
最近给大家分享 CSS3 效果比较多，都是充分运用了 CSS3 来实现的。通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享使用 CSS3 过渡特性实现的信封效果的联系表单。
2.大型综合响应式下拉导航栏
今天向大家隆重介绍一款功能强悍的多功能下拉导航栏，该导航栏可以满足大型电子商务网站在内容方面分类的需求，而且是响应式的，不仅如此，该导航栏还加入了隐藏式搜索框，只能说效果实在是太赞了，这种丝般顺滑的切换效果正是现代网站所需要的！
3.拖拽式多功能网页幻灯片
分享一款功能丰富的拖拽式多功能网页幻灯片，该幻灯片支持5种不同的切换效果以及全屏显示，在幻灯片中加入拖拽式也非常有利于手机设备的使用。
4.简洁大气设计风格的网页右侧扁平化滑动在线客服
网页右侧扁平化风格效果的qq在线客服代码，当然，其中也集成了新浪微博、返回网页顶部功能，可扩展性比较强，适合多种不同的网站。
5.类似瀑布流效果边下拉页面边加载内容
附件提供了三种瀑布流切换方式，当页面下拉的时候，底部新展示出来的列表会有一个动画加载效果，分别是向左、向下、动画展示方式。
6.京东商城详细页产品图片列表以及放大镜效果
京东商城目前详细页正在使用的放大镜插件，效果很简单易用，图片采用绝对路径，这样方便懒人们使用，内容分为大图部分以及缩略图列表部分，可以分开使用。
7.jQuery鼠标悬停导航底部动画效果
主要使用jQuery的 hover 以及animate两个属性，默认每个li标签内带有一个span标签，固定在最底部，宽度为0，当鼠标悬停在li上时，内部的span标签从中间向两边扩大，时间设置为0.2秒，鼠标移走后，span宽度重新变为0，jQuery代码中有个 200数值，意为0.2秒，数值越大，速度越慢。
8.jQuery鼠标悬停内容动画切换效果
鼠标悬停后，左右滑入显示动态隐藏内容，鼠标移走后恢复默认效果。
9.jQuery鼠标悬停逐渐加载遮罩阴影效果
鼠标悬停后，逐渐加载一个图片阴影遮罩效果，主要采用jQuery的 fadeIn fadeOut 参数实现，默认遮罩层隐藏，鼠标移动到当前图片上后显示，鼠标移走后遮罩层消失。
10.步步高vivo官网左右全屏动画焦点图
动画效果设计的非常漂亮，ui设计的也很棒，其中css3用的比较多，对低版本浏览器支持的不是很好。
标签：blog http io ar 使用 sp for strong on
原文地址：http://www.cnblogs.com/i7758/p/4086841.html
