直逼 Flash 的流畅感:jQuery 运动特效展示

围剿 Flash 的不仅有 HTML 5,还有 JavaScript,著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。

1. 流感导航菜单

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

Fluid  Navigation – How to create an informative menu-bar with jQuery &  CSS

2. 转花灯

Roundabout 是一个 jQuery 插件,可以将一组 HTML 对象转换为旋转花灯的效果。

Move  Elements with Style

3. 拉洋片

拉洋片也许是 jQuery 最拿手的效果了。该效果在遇到 JavaScript 被禁用的场合会自动降级使用。

Automatic Image Slider w/ CSS & jQuery

4. jQuery Quicksand 插件

这个让人赞叹的插件,可以对一组 HTML 对象重新洗牌,效果非常出众。

    jQuery  Quicksand Plugin

    5. 导航滑块

    这种风格的导航已经见于很多站点,鼠标在导航菜单上移动的时候,一个高亮指示条随着鼠标滑动,指示当前的导航位置。

    jQuery  Magic Line Sliding Style Navigation

    6. 文字的移动纹理

    在文字上,显示移动的纹理,效果美轮美奂。原理是,做一个带透明文字的 PNG 图像放在一个容器里,容器的背景放一张图案,用 jQuery 移动容器的背景,很简单,不过,不支持 IE6,因为 IE6 不支持 PNG。

    Text  with Moving Backgrounds

    7. jDiv: jQuery 导航 Tab

    一个可以显示丰富内容的下拉导航菜单(演示要翻墙)。

    jDiv: A  jQuery navigation menu alternative

    8. 基于 CSS3 和 jQuery 的半透明导航系统

    鼠标在导航菜单上移动,显示半透明的指示图标。CSS3 做这个实在太容易了。

    Halftone Navigation Menu With jQuery & CSS3

    9. 云台式拉洋片

    常规的拉洋片效果要么左到右,要么右到左,或者垂直上下,这个 jQuery 效果可以象云台那样扫镜头。

    Animate Panning Slideshow with jQuery

    10. SlideDeck

    SlideDeck 是一种新颖的内容展示方式,有点类似 Outlook 的手风琴菜单,但视觉效果和用户体验更好一些。

    SlideDeck

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

    中文编译来源:锐商企业CMS 网站内容管理系统 官方网站





    评论
    沙发|2010/3/2 10:10:48
    仅仅是适用于网页的一些导航,FLASH能做出很炫的动作效果和游戏,JQ行吗?
     
    mayli|2010/3/2 10:36:34
    jq目标就是导航,华丽丽的导航,把这个导航占领了,flash就能失去大半江山,并不是每个站点都需要游戏……
     
    35公里|2010/3/2 11:02:03
    JavaScript 以及 jQuery 在网页效果要超越 Flash 当然还有很远的路,需要浏览器厂商不断优化他们的 JavaScript 引擎,目前的 js 性能还远远不够。

    但在网页中使用原生(Native)技术是一种趋势,Flash 非常棒,但需要插件才能使用,这是个非常大的问题,而且,Flash 和网页进行本地交互的通道实在太狭窄了,这就是 HTML5 如此受重视的原因。
     
    lol|2010/3/2 11:20:24
    实际上很多人都忽视了flash能崛起的根源,浏览器的兼容性问题,flash4的年代,dhtml的效果已经很惊人了,但是缺少封装好的类供用户使用以及让人头痛的兼容性问题(不仅仅是ie和navigator,还有ie自己不同版本的兼容问题),使得视觉实施者更乐于选择flash而不是html。

    如果html5还是需要让开发者去应付不同的浏览器,那我想flash还是会依然存在。
     
    Jetable|2010/3/2 11:29:10
    导航非常绚丽,flash的功能虽然更强大,但是在易用性上jquery已经抢占了很大市场了,至少不需要缓冲太久来等待flash就可以用这么华丽的效果了,很好很好
     
    vv|2010/3/2 11:54:19
    太牛了!!!
     
    roysing|2010/3/2 18:44:18
    很不错,减少系统资源.
     
    py|2010/3/5 12:17:01
    外行一个
     
    火网|2010/3/5 12:19:47
    http://www.firesv.com

    [url= www.firesv.com]火网 - 美国虚拟主机[/url]


    firesv.com火网,是一个专业的美国虚拟主机提供商,主要面向用户是中国国内站长,将您的网站放在火网,不需要备案,也没有中国有关部门烦人的“骚扰”,让您的网站自由发展。
    公司所有服务器位于美国加州,是中国用户访问最快的美国机房之一.所有服务器均配备RAID1,保证数据安全,安装

    正版操作系统,保证系统稳定.并免费赠送相应容量的MsSQL与MySQL

    客服QQ:1152489608
    980587350
     
    333|2010/3/9 23:13:35 
    dddddddd
     
    发表评论


    用户


    评论(不超过1000字)


     1 x 2 = ? 请将左边的算术题的结果填写到左边的输入框  


      发送给朋友| 打印友好
    7 x 12 小时服务热线
    0532 - 83669660
    微信: comsharp
    QQ: 13885509
    QQ: 592748664
    Skype: comsharp