开发者社区> 测试5555> 正文

21个演示展示强大的jQuery特效

简介: 就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuery, Ajax 还有其它。
+关注继续查看

就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuery, Ajax 还有其它。
尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效,但这些都能用jQuery轻松实现!下面有21 个在线的演示来显示jQuery在制作高级特效和交互方面的强大能力,可以媲美Flash!

1. Flip! 一个 jQuery 插件

这个演示 模仿流行的卡片翻转的效果,可以360度旋转自身,x或y维度!

2. jQuery Quicksand 插件

这是一个强大的插件用来在页面上排序数组的元素/图标,有酷的渐入 /渐出和动画特效!

3. ImageFlow

这个图像浏览器和苹果的CoverFlow界面很相似,让用户能够很熟悉他们的产品和应用!

4. 用jQuery代替flash建立一个交互性地图

这个演示展示了jQuery用ajax技术创造迷人的界面的强大能力!

5. 用jQuery & CSS3滑出消息

点击+号用漂亮的光滑的动画效果展示附加的信息!

6. Zoomer Gallery

在这个演示中看起来静态的画廊被multi-layer zoom特效变得富有交互性,当移到图像上时会产生缩放!

7. jQuery Circulate

这个演示展示了滚球的粒子效果,所有的特效都是用jQuery

8. Photo Zoom Out Effect

这个也是一个图像伸缩的特效,看起来静止的画面,会随着你的鼠标移过而变得富有生机!

9. Sliding Boxes and Captions with jQuery

这里我们可以看到原本只能被flash开发者创造的过渡特效,现在使用jQuery一样可以办到!

10. CSS3 Lightbox Gallery

这个插件看起来是为媒体展示图片特别制作的,你可以任意拖拽图片达到图片拼接的效果,你还可以单击放大图片!这是一个强大的图片展示特效!你还可以 用API使用ajax技术让人们分享图片到Flickr,twitter,Facebook或者其他网站!当然中国的新浪微博、人人网、开心网也能!

11. 用jQuery和CSS3创造一个拍照效果!

一眼看去这个演示像游戏狙击,乍一看居然是拍照功能!这是一个很强大的工具,当用AJAX或者HTML5本地存储时,用来对付特别大的图像!

12. Awesome Bubble Navigation-可怕的泡沫导航效果

开发者用色彩变换和动画创造出一个非常吸引人的并且富有交互性的菜单!

13. Beautiful Background Image Navigation

酷炫的图片展示特效,用来做导航会有惊人的效果!

14. AviaSlider

AviaSlider采用经典的类似Flash的过渡效果,以强化滑块界面。

15. Background Image Slideshow

动画背景的地方flash用来支配的网页设计之一。这里有一个例子使用jQuery代替。

16. Panning Slideshow

另一个独特采取典型幻灯片界面。在这里,笔者增加了对角线导航的接口,并使其脱颖而出。

17. jqFancyTransitions

这个插件可以用来显示作为一个具有奇特法拉盛般的幻灯片过渡效果的照片。

18. iCarousel – Horizontal images slider

另一个幻灯片,添加了缓和的过渡和真的挺身而出。这也难怪他们选择在此演示,展示性感的Mac产品。

19. Making an Interactive Picture with jQuery

该演示可用于拍摄的网站那里有很多优势的屏幕空间。该网站上发现的第一个模式框点击它显示更多关于点击部分的信息。

20. Cloud Zoom

一个插件,看起来好像是在考虑电子商务设计。云缩放易于实现,能真正提高用户的体验。

21. Apple-like Retina Effect

任何人谁使用了一iPhone,iPod的触摸,或ipad,将扩大在屏幕上时,你碰了长时间的面积小面积熟悉。此演示实现这个桌面效果。

专为WDD编译 Kalim舰队, 。他是一个专业网站设计者和博客与超过6年的经验。这个网站是他的激情,他自己的时间写博客的分裂,软件的发展和社会的媒体。他喜欢使用和开发新的应用网络、移动、桌面。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
21个演示展示强大的jQuery特效
就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuery, Ajax 还有其它。
1049 0
Markdown语法效果展示
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qingfeng812/article/details/51281986 ...
974 0
13 个 CSS 按钮的教程和技术展示
CSS Sliding Door CSS trick CSS3 buttons BonBon Sweet CSS3 Buttons CSS3 Buttons CSS3 Animated Bubble Buttons Buttons with CSS3 and RG...
607 0
那些酷炫的网页你也可以做到——第五篇(表格标签)
那些酷炫的网页你也可以做到——第五篇(表格标签)
57 0
如何使用EasyUI显示表格界面
       还记得前面有篇博客叫---使用TT模板+mvc+wcf实现简单查询,这篇博文的末尾,小编贴了一张查询出来的结果图,那么这篇博客的中新来了,如何使用EasyUI显示出表格样式的界面,以前学习CS的时候,我们的界面都是用控件直接进行拖拽...
1163 0
如何用纯 CSS 创作一个打开内容弹窗的交互动画
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/GYXvez 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。
1116 0
一步步用HTML5动手写个图片拖拽上传预览组件
详情参考:一步步用HTML5动手写个图片上传预览组件H5中拖拽事件有: [ - ] DragDrop:拖放完成,也就是鼠标拖入对象并在拖放区域释放。 [ - ] DragEnter :拖放进入,也就是鼠标拖放对象进入拖放区域。
712 0
js仿百度文库文档上传页面的分类选择器_第二版
仿百度文库文档上传页面的多级联动分类选择器第二版,支持在一个页面同时使用多个分类选择器; 此版本把HTML,CSS,以及图片都封装到“category.js”中,解决因文件路径找不到样式及图片的问题; 源码下载地址:http://download.csdn.net/detail/testcs_dn/7290577 初始状态,一个页面使用两个,可以初始化之前选中的分类: 选择状态: 当选中一个分类后,会触发“onChange”事件,如上图中的“您选择的分类编号为:xxx 隐藏输入域的内容为:xxx”,就是通过“onChange”事件输出的。
668 0
弹出层展示插件。
jquery Fancybox artdialog
632 0
+关注
测试5555
前端相关技术专家
文章
问答
文章排行榜
最热
最新
相关电子书
更多
QQ移送页面框架优化实践
立即下载
QQ移动页面框架优化实践
立即下载
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务
立即下载