这是最近发现的一个比较喜欢的导航菜单,同样是基于jQuery动画效果.

鼠标悬停上按钮后菜单竖向滑动显示,亮点可以查看演示里面的滑出中含有主菜单和菜单图示两种元素的不同步滑出…好像是这样说吧.

其实看看演示就知道了:

[预览地址][下载地址][教程地址]

这个网站上面也有一些别的不错的jQuery效果教程.

在jQuery诞生4周年的当天终于发布了1.4这个版本.修复了更多的bug,提升了更高的性能,降低了许多调用的复杂度等等…

另外更多浏览器的支持使jQuery得应用更加便捷.

虽然对代码不是很懂,但简便的应用方式也让鸭脖客能更容易的添加上了许多个人十分喜欢的效果.

这边也介绍一些用jQuery实现精彩效果的网站供来者欣赏: Continue reading →

这是一个代码结构简单（只支持一级）的jQuery滑动下拉菜单，更容易对菜单进行自定义修改。

作品来自于漂亮的coda.co.za，适用于那些内容分类不太复杂的网站使用。

可以先来看看最终的效果演示页面 – Demo 和下载地址在这里 – Download

也许fixed的固定背景已经不足以吸引你的注意力了,那么一个动画背景如何? 用jQuery就可以打造出横向滑动的网页背景图片.

今天先介绍一个简单的,先来看看最终效果吧 – Demo

Continue reading →

已经被收录在JQuery UI的手风琴插件带给我们漂亮的竖向滑动菜单效果.

其中包括点击触发效果和鼠标悬停触发效果.

[效果演示] [源码下载]

一辑大小在1.4K的混合样式导航菜单,其中包括了:

1.纯css混合样式,不需要JavaScript.

2.默认的JQuery动画渐现混合样式.  ( $(selector).blend(); )

3.循环渐隐/渐现混合样式.( $(selector).blend({pulse:true}); )

4.渐隐混合样式.( $(selector).blend({reverse:true}); )

[效果预览] [下载地址]

这是一个简单的jquery幻灯片显示图像效果,点击左侧的遮罩层控制图片移动展示.

值得注意的是效果中使用了php image script 实现图片循环。

[效果演示] [下载地址]

这是一款横向滑动的JQuery动画导航菜单,一共有5中不同的表现方式.

和lavalamp的效果有些相似,只是这款移动后不会进行二次晃动,显得目标更坚定明确.⊙﹏⊙

[预览效果] [下载地址]

这是一个使用jquery和css实现的动画菜单，效果就像是电梯或是升降机。

如果你还不明白，直接看效果演示，或是下载回去自己研究这段并不是很复杂的代码。

这是一段1K左右大小的代码,实现效果为逐渐消失(渐隐)的背景.

先来个[演示]吧…[ 下载地址 ]

制作过程:

1.加载jquery库 Continue reading →

这是一个简单的jquery插件，实现效果为将输入框（比如评论区填写名称，邮箱，网站的位置）内的文字在鼠标点选后显示渐隐效果。当文字输入后框内原有文字自动消失。

[效果预览] [下载地址]

支持浏览器:IE6+,Safari,Firefox2+,chrome.

这是一个基于jquery简洁,简单的图片幻灯片效果,当鼠标悬停在图像上时,会滑动隐藏显示出文字说明.

适合用来制作相关文章列表或是gallery网站效果。

[ 预览效果 ] [ 下载地址 ] [ 作品地址 ]