|
|
|
|
移动端

看看都是些什么 jQuery超炫特效赶超Flash

文章列举了一些堪比Flash的jQuery特效,尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,但这些都能用jQuery轻松实现!

作者:Kalim Fleet来源:FX的网络空间|2010-08-04 10:03

技术沙龙 | 4月21日多位区块链专家进行区块链技术应用场景解读!


Flash是被Web设计师用来为网站添加交互的重要技术之一!自从iPad诞生, 并且不支持Flash Player, 加速了Web开发中使用其他技术代替Flash,比如jQuery, Ajax 还有其它。

51CTO推荐专题:jQuery从入门到精通

尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,Web设计师习惯于用Flash完成一些特效,但这些都能用jQuery轻松实现!下面演示了一些jQuery在制作高级特效和交互方面的强大能力,可以媲美Flash!

1. jqFancyTransitions

jqFancyTransitions

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

2. jQuery Quicksand 插件

jQuery Quicksand 插件

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

3. ImageFlow

 ImageFlow

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

4. Cloud Zoom

Cloud Zoom

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

5. 用jQuery & CSS3滑出消息

用jQuery & CSS3滑出消息

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

6. Zoomer Gallery

Zoomer Gallery

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

7. Photo Zoom Out Effect

Photo Zoom Out Effect

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

8. Sliding Boxes and Captions with jQuery

Sliding Boxes and Captions with jQuery

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

9. CSS3 Lightbox Gallery

CSS3 Lightbox Gallery

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

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

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

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

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

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

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

12. Beautiful Background Image Navigation

Beautiful Background Image Navigation

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

13. AviaSlider

AviaSlider

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

14. Background Image Slideshow

Background Image Slideshow

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

15. Panning Slideshow

Panning Slideshow

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

原文作者:Kalim Fleet

原文链接:http://www.webdesignerdepot.com/2010/07/20-demos-showing-advanced-jquery-effects/

【编辑推荐】

  1. jQuery中10个强大的遍历函数
  2. 即刻提升jQuery性能的十个技巧
  3. 12种jQuery性能优化方法解析
【责任编辑:王晓东 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

网管员必读——超级网管经验谈

本书是一本以示例形式直接面向应用的网络管理图书。书中以大量示例和大量实用网络管理与故障排除经验介绍了当前网络管理工作的各主要方面。...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊