`
love~ruby+rails
  • 浏览: 867401 次
  • 性别: Icon_minigender_1
  • 来自: lanzhou
社区版块
存档分类
最新评论

超炫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

分享到:
评论

相关推荐

    jQuery彩色心形冒泡动画特效.zip

    总的来说,"jQuery彩色心形冒泡动画特效"是一个结合了HTML、CSS和JavaScript技术的实例,展示了如何使用jQuery来实现动态、吸引人的网页元素。通过学习和理解这个特效的实现过程,开发者可以提升他们的前端技能,更...

    使用JQuery实现Flash的超炫特效

    在本文中,我们将深入探讨如何使用JQuery来实现Flash的超炫特效,包括窗帘式、帷幕式和喷泉式特效。JQuery是一款强大的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互,使得创建动态网页变得更加简单。...

    ( 超炫的3d图片效果-自己开发(增加元素绝对定位功能)Jquery 特效 保证您没见过的

    在本项目中,我们主要探讨的是一个基于Jquery的超炫3D图片特效,开发者通过增加元素的绝对定位功能,创造出一种独特的视觉体验。这种特效不仅能够吸引用户的注意力,还能为网站增添互动性和创新性,使得用户体验更加...

    超炫的导航菜单(JavaScript)

    总结来说,“超炫的旋转导航菜单”是JavaScript和CSS3结合的优秀实例,它通过动态图标展示了导航菜单设计的创新性和趣味性。理解和掌握这些技术,可以帮助开发者创建出更加吸引人的交互式网页应用。同时,考虑到性能...

    超酷超炫粒子效果

    `www.jq22.com.txt`可能是一个链接到jQuery插件库的文本文件,`jquery插件库.url`则是一个快捷方式,指向jQuery插件库的网站,该网站提供了大量的jQuery插件资源,虽然“超酷超炫粒子效果”主要使用HTML5技术,但...

    超炫背景粒子插件(全屏)

    超炫背景粒子插件是一种基于JavaScript库,特别是jQuery的特效工具,主要用于创建全屏动态的粒子移动效果。这种插件通常被用作网站背景,以提升网页的视觉吸引力和用户体验。粒子效果通常由大量微小的图形元素(粒子...

    超炫WebGL背景滚动效果.zip

    在本项目中,“超炫WebGL背景滚动效果.zip”是一个包含使用HTML5、jQuery、前端JavaScript和CSS技术创建的互动背景滚动特效的压缩文件。这个效果通常用于提升网站的用户体验,给用户带来视觉上的吸引力,使得网页更...

Global site tag (gtag.js) - Google Analytics