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

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

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

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

#p#

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或者其他网站!当然中国的新浪微博、人人网、开心网也能!

#p#

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性能优化方法解析
责任编辑:王晓东 来源: FX的网络空间
相关推荐

2011-06-14 18:37:50

Flash

2013-08-07 10:47:58

Android特效ListView

2013-08-07 10:35:02

AndroidListView拖拽

2012-02-24 09:11:45

jQuery

2011-03-03 10:16:46

jQueryJavaScript

2012-11-21 09:53:19

jQueryWeb

2020-02-27 15:12:29

cookiesession加密

2012-06-20 11:19:04

jQuery

2010-12-13 13:33:23

jQuery相册

2022-11-16 07:43:49

RabbitMQAMQP协议

2018-01-16 08:47:23

2016-09-14 14:53:11

联想

2013-04-17 10:16:25

语言

2019-05-14 09:18:18

程序员PythonJava

2018-10-23 17:08:11

CIOIT人才

2013-10-22 10:40:26

2010-08-13 13:46:04

Flex效果组件

2010-09-13 13:35:39

CSS属性

2014-02-13 14:14:24

工具jQuery

2024-01-09 08:07:09

JSThreeJSCSS
点赞
收藏

51CTO技术栈公众号