Flash是被Web设计师用来为网站添加交互的重要技术之一!自从iPad诞生, 并且不支持Flash Player, 加速了Web开发中使用其他技术代替Flash,比如jQuery, Ajax 还有其它。
51CTO推荐专题:jQuery从入门到精通
尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,Web设计师习惯于用Flash完成一些特效,但这些都能用jQuery轻松实现!下面演示了一些jQuery在制作高级特效和交互方面的强大能力,可以媲美Flash!
1. jqFancyTransitions
这个插件可以用来显示作为一个具有奇特法拉盛般的幻灯片过渡效果的照片。
2. jQuery Quicksand 插件
这是一个强大的插件用来在页面上排序数组的元素/图标,有酷的渐入 /渐出和动画特效!
3. ImageFlow
这个图像浏览器和苹果的CoverFlow界面很相似,让用户能够很熟悉他们的产品和应用!
4. Cloud Zoom
一个插件,看起来好像是在考虑电子商务设计。云缩放易于实现,能真正提高用户的体验。
#p#
5. 用jQuery & CSS3滑出消息
点击+号用漂亮的光滑的动画效果展示附加的信息!
6. Zoomer Gallery
在这个演示中看起来静态的画廊被multi-layer zoom特效变得富有交互性,当移到图像上时会产生缩放!
7. Photo Zoom Out Effect
这个也是一个图像伸缩的特效,看起来静止的画面,会随着你的鼠标移过而变得富有生机!
8. Sliding Boxes and Captions with jQuery
这里我们可以看到原本只能被flash开发者创造的过渡特效,现在使用jQuery一样可以办到!
9. CSS3 Lightbox Gallery
这个插件看起来是为媒体展示图片特别制作的,你可以任意拖拽图片达到图片拼接的效果,你还可以单击放大图片!这是一个强大的图片展示特效!你还可以 用API使用ajax技术让人们分享图片到Flickr,twitter,Facebook或者其他网站!当然中国的新浪微博、人人网、开心网也能!
#p#
10. 用jQuery和CSS3创造一个拍照效果!
一眼看去这个演示像游戏狙击,乍一看居然是拍照功能!这是一个很强大的工具,当用AJAX或者HTML5本地存储时,用来对付特别大的图像!
11. Awesome Bubble Navigation-可怕的泡沫导航效果
开发者用色彩变换和动画创造出一个非常吸引人的并且富有交互性的菜单!
12. Beautiful Background Image Navigation
酷炫的图片展示特效,用来做导航会有惊人的效果!
13. AviaSlider
AviaSlider采用经典的类似Flash的过渡效果,以强化滑块界面。
14. Background Image Slideshow
动画背景的地方flash用来支配的网页设计之一。这里有一个例子使用jQuery代替。
15. Panning Slideshow
另一个独特采取典型幻灯片界面。在这里,笔者增加了对角线导航的接口,并使其脱颖而出。
原文作者:Kalim Fleet
原文链接:http://www.webdesignerdepot.com/2010/07/20-demos-showing-advanced-jquery-effects/
【编辑推荐】