就在不久之前, 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年的经验。这个网站
是他的激情,他自己的时间写博客的分裂,软件的发展和社会的媒体。他喜欢使用和开发新的应用网 络、移动、桌面。
分享到:
相关推荐
jquery 图片 展示 特效 jquery实现的图片展示特效,很精彩的一个素材欢迎大家下载
10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。
jquery一页多用的飞飞图片幻灯插件演示 jquery仿flash产品图片多角度展示特效代码 jquery仿flash图片放大相册的插件代码(Zoomer Gallery)下载 jquery仿flash的图片幻灯片播放特效实例完整版 jquery仿LightBox图片...
114. 第二款jQuery左右移动图片+内容展示插件代码 115. 简单jQuery实现产品图片自动左右滚动插件下载 116. 编辑推荐jQuery超帅模拟图片翻页的展示Flash特效效果 117. 适合网站内容推广淡入淡出特效的jQuery焦点图...
3dEye是一款非常实用的360度产品3D旋转展示特效jQuery插件。通过使用这个插件你可以向用户全方位展示你的商品。用户可以通过鼠标来旋转商品图片,从不同的角度观察商品,对于用户来说是非常好的体验。
jquery仿flash展示公司发展历程的效果,jquery时间轴,时间轴展示插件(大事件布局方式)
jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在jQuery的...
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
jQuery相册图库图片浏览展示特效,可直接拿去当焦点图用,左侧显示缩略图列表,右侧为大图片显示,里面一共有8个例子,有些例子是展示如何实现图片淡入淡出效果的,有些是演示最基本的图片切换,有一些则是完整的...
jQuery图片墙列表特效,每张图片都可自定义说明文字,而且带有动画效果,从风格上来说,是一种比较简洁的风格,但操作起来,很动感的感觉,具体效果请参见演示截图所示。
5款国外的jquery图片展示特效,单击后翻转图片,一共有5种效果演示,每一种相关不太大,直接打开html文件即可预览到效果。
这是一款使用jQuery和多张图片制作的炫酷iPhone手机3D旋转互动特效插件。该3d旋转特效中用户可以使用鼠标360度旋转iPhone手机,从各个角度观察手机的细节。该3d旋转特效共4种效果。
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
下面向大家分享精心挑选的23款优秀 jQuery 图片特效插件,带给你美轮美奂的图片展示效果。 01. 3D Image Slider 非常非常酷的 3D 图片滑动效果,有五种绚丽的效果演示。 在线演示 下载源码 02. Portfolio...
jQuery结合HTML5技术实现的全屏幻灯片特效,带有滑块效果,实际上,本款幻灯片是近50种HTML5 jQuery实现的图片幻灯动画切换风格和模式特效演示,在Chrome浏览器打开后,选择一种动画风格,图片显示的方式立即改变,...
360度旋转图片展示jquery插件UIMIX.fullview是一款功能非常强大的图片360度旋转特效,是浏览VIVO智能手机官方网站时整理出来的,使用的时候只要准备好要展示的图片和设置好参数就好,image_count是图片的数量,除了...
4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越...
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
一款基于jqeury插件实现的焦点图特效,有意思的是,图片边框可根据显示的图片大小自适应大小,在DEMO演示页页中,你可以设置自动播放图片轮换时间:单位毫秒,图片变形时间:单位毫秒,从第几张开始播放,遮罩的不...
内容索引:脚本资源,jQuery,ImageBox,tickbox,jQuery插件 Tickbox 是一款基于 jQuery的图片展示特效插件,原插件由国外开发,后经legal翻译,现提供最终版v3.1的下载,内附有多个实例和调用方法,均由英文原版分离并...