21个演示展示强大的jQuery特效-阿里云开发者社区

开发者社区> 楚广明> 正文

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年的经验。这个网站是他的激情,他自己的时间写博客的分裂,软件的发展和社会的媒体。他喜欢使用和开发新的应用网络、移动、桌面。

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

相关文章
JavaWeb网站性能优化的相关技术
  一、提高服务器并发处理能力   我们总是希望一台服务器在单位时间内能处理的请求越多越好,这也成了web服务器的能力高低的关键所在。服务器之所以可以同时处理多个请求,在于操作系统通过多执行流体系设计,使得多个任务可以轮流使用系统资源,这些资源包括CPU、内存以及I/O等。这就需要选择一个合适的并发策略来合理利用这些资源,从而提高服务器的并发处理能力。这些并发策略更多的应用在apache、nginx、lighttpd等底层web server软件中。   二、Web组件分离   这里所说的web组件是指web服务器提供的所有基于URL访问的资源,包括动态内容,静态网页,图片,样式表,脚
6 0
java结合android和ios的三端非对称接口加密讲解
  算法:有rsa及aes算法   Java端处理方式:   入参处理方式   1、参数通过request.getParameter获取的话,可以通过自己定义一个filter来进行处理。   定义两个类,分别继承HttpServletRequestWrapper及Filter,将该filter配置到web.xml里面,在其他filter前面,以免影响程序获取参数的调用   public class SafeTextRequestWrapper extends HttpServletRequestWrapper {   public SafeTextRequestWrapper(H
5 0
SAP成都研究院非典型程序猿,菜园子小哥:当我用UI5诊断工具时我用些什么
SAP成都研究院非典型程序猿,菜园子小哥:当我用UI5诊断工具时我用些什么
4 0
“云边缘一体化”会成为下一个技术热点吗?
边缘计算场景下,云边端一体化都面临哪些挑战?
3 0
Java高级软件工程师面试考纲
  如果要应聘高级开发工程师职务,仅仅懂得Java的基础知识是远远不够的,还必须懂得常用数据结构、算法、网络、操作系统等知识。因此本文不会讲解具体的技术,笔者综合自己应聘各大公司的经历,整理了一份大公司对Java高级开发工程师职位的考核纲要,希望可以帮助到需要的人。   当前,市面上有《Java XX宝典》类似的图书,而且图书中的内容都着重在讲解Java最为基础的部分,最严重的是,里面有着大量错误的内容,极具误导性。另外,网上也有各种各样的Java面试题,很多也是着重在Java语言基础上。实际上,如果要应聘高级开发工程师职务,仅仅懂得Java的基础知识是远远不
5 0
金庸和古龙,Netweaver和微服务,以及SAP Hybris Revenue Cloud
金庸和古龙,Netweaver和微服务,以及SAP Hybris Revenue Cloud
7 0
BS与CS的联系和差异
  一、什么是CS?   CS(Client/Server):客户端----服务器结构。它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。因为客户端要负责绝大多数的业务逻辑和UI展示,又称为胖客户端。它充分利用两端硬件,将任务分配到Client 和Server两端,降低了系统的通讯开销。   C/S结构的软件需要针对不同的操作系统系统开发不同版本的软件,加之产品的更新换代十分快,已经很难适应百台电脑以上局域网用户同时使用。   C/S 架构是一种典型的两层架构,其客户端包含一个或多个在用户的电脑上运行的程序,而服务器端有两种,一种是数据库服务器端,客
7 0
CDA LEVEL I 数据分析认证考试模拟题库(十一)
  嗨喽,各位同学又到了公布CDA数据分析师认证考试LEVEL I的模拟试题时间了,今天给大家带来的是模拟试题(一)中的51-55题。   不过,在出题前,要公布下上一期46-50题的答案,大家一起来看!   46、B   47、A   48、C   49、D   50、D   你答对了吗?
4 0
如何将SAP Multi Target应用部署到SAP云平台的Cloud Foundry环境去
如何将SAP Multi Target应用部署到SAP云平台的Cloud Foundry环境去
4 0
c#实现简单Token口令验证
  最近一个项目发现手机验证码总是被人盗刷,一秒钟刷了1百多个,很明显这种行为是通过软件自动提交的,自动发帖机原理类似,解决这个问题目前有两个方案。   出现这个问题原因:请求手机验证码Api时没有任何带任何验证,只要请求了手机号正确就执行发送操作,软件或代码很容易伪造请求过程。   解决方案有很多种,可以选择下面一种或几种组合起来使用。   方案1:用户获取手机验证码时候弹出图片验证码,输入后再发送。
5 0
+关注
楚广明
10年导入咨询顾问经验,敏捷中国 第一届中国高峰会讲员,行业实施:中国移动、中华联合保险、中国民航信息 ANZ 澳新银行、戴姆勒奔驰汽车、广州证券、浦发银行、爱德万测试、蔚来汽车、清华大学、努比亚、顺丰速运、迅雷、时趣互动......等企业 Atlassian 敏捷项目
509
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载