1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

非常出色的jQuery运动特效可以和Flash媲美

作者:用户 来源:互联网 时间:2016-06-25 17:16:08

jquery鼠标导航移动菜单效果jquery 菜单移动jquery导航菜单jQuery手风琴插件jQuery导航条css3导航条jquery垂直菜单导航特效Quicksand

非常出色的jQuery运动特效可以和Flash媲美 - 摘要: 本文讲的是非常出色的jQuery运动特效可以和Flash媲美, 要说网页中哪种效果最酷,很多人都会认为只有FLASH才能做出如此流畅酷炫效果,除了Flash外,现在还有一种方法能做出类似的网页效果,那就是著名JavaS

要说网页中哪种效果最酷,很多人都会认为只有FLASH才能做出如此流畅酷炫效果,除了Flash外,现在还有一种方法能做出类似的网页效果,那就是著名JavaScript 框架 - jQuery 。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。

1. 流感导航菜单
下面的导航菜单,当鼠标在上面移动的时候,会很流畅地垂下解释菜单,当你将鼠标在上面快速左右移动的时候,会怀疑这是 Flash。

非常出色的jQuery运动特效可以和Flash媲美-jquery特效
2. 转花灯
Roundabout 是一个 jQuery 插件,可以将一组 HTML 对象转换为旋转花灯的效果。

非常出色的jQuery运动特效可以和Flash媲美-jquery特效大全
3. 拉洋片
拉洋片也许是 jQuery 最拿手的效果了。该效果在遇到 JavaScript 被禁用的场合会自动降级使用。

非常出色的jQuery运动特效可以和Flash媲美-jquery导航菜单特效
4. jQuery Quicksand 插件
这个让人赞叹的插件,可以对一组 HTML 对象重新洗牌,效果非常出众。

非常出色的jQuery运动特效可以和Flash媲美-jquery页面切换特效
5. 导航滑块
这种风格的导航已经见于很多站点,鼠标在导航菜单上移动的时候,一个高亮指示条随着鼠标滑动,指示当前的导航位置。

非常出色的jQuery运动特效可以和Flash媲美-jquery 文字特效
6. 文字的移动纹理
在文字上,显示移动的纹理,效果美轮美奂。原理是,做一个带透明文字的 PNG 图像放在一个容器里,容器的背景放一张图案,用 jQuery 移动容器的背景,很简单,不过,不支持 IE6,因为 IE6 不支持 PNG。

非常出色的jQuery运动特效可以和Flash媲美-jquery特效
7. jDiv: jQuery 导航 Tab
一个可以显示丰富内容的下拉导航菜单(演示要翻墙)。

非常出色的jQuery运动特效可以和Flash媲美-jquery特效大全
8. 基于 CSS3 和 jQuery 的半透明导航系统
鼠标在导航菜单上移动,显示半透明的指示图标。CSS3 做这个实在太容易了。

非常出色的jQuery运动特效可以和Flash媲美-jquery导航菜单特效
9. 云台式拉洋片
常规的拉洋片效果要么左到右,要么右到左,或者垂直上下,这个 jQuery 效果可以象云台那样扫镜头。

非常出色的jQuery运动特效可以和Flash媲美-jquery页面切换特效
10. SlideDeck
SlideDeck 是一种新颖的内容展示方式,有点类似 Outlook 的手风琴菜单,但视觉效果和用户体验更好一些。

非常出色的jQuery运动特效可以和Flash媲美-jquery 文字特效

本文来源:http://devsnippets.com/article/10-jquery-transition-effects.html



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , 鼠标 , 导航 , 移动 , 菜单 , 效果 , jquery 菜单移动 , jquery导航菜单 , jQuery手风琴插件 , jQuery导航条 , css3导航条 , jquery垂直菜单 , 导航特效 Quicksand jquery特效、jquery特效大全、jquery导航菜单特效、jquery页面切换特效、jquery 文字特效,以便于您获取更多的相关知识。

博饼 掷色子-中秋博饼掷色子无规则运动特效怎么实现啊?新手

问题描述 中秋博饼掷色子无规则运动特效怎么实现啊?新手 中秋博饼掷色子无规则运动特效怎么实现啊?就类似我们平时中秋博饼在大碗中摇色子的效果。

佳能7D相机高性能自动对焦与高速连拍记录摩托车赛教程

...,各位看到这里的摄影爱好者们,小编相信你们现在那是非常的清楚方法了吧,那么各位朋友们就快去按照小编上面的教程自己去利用高性能自动对焦与高速连拍记录摩托车赛吧。

用Flash模拟制作简单的3D视觉特效

...入关键帧。然后水平翻转该元件。并且在1到15帧之间创建运动动画。然后选择1到15帧,然后右击复制帧。  然后创建一个图层,粘贴帧就可以了。然后使用鼠标选择该元件,使用键盘方向键向左稍微移动下。  最后可以测试...

超炫的jquery仿flash导航栏特效

...上已经是过时了,但是我们可以用jQuery来实现flash效果,非常的不错。 演示地址:http://demo.jb51.net/js/2014/jqeryfangflashdh/demo.html 复制代码 代码如下:              demo01                                               ...

21个强大的jQuery特效展示 附演示地址

... Ajax 还有其它。   尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效,但这些都能用jQuery轻松实现!下面有21 个在线的演示来显示jQuery在制作高级特效和交互方面的强大能力,可以...

前三篇
后三篇