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

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

Continue reading →

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

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

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

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

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

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

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

制作过程:

1.加载jquery库 Continue reading →

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

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

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

有时候有的情况有的地方需要一些图片的渐变效果，比如黑白变彩色，模糊变清晰。

这里介绍一个简单的方法[bavotasan]用JQuery来实现这样的效果。 Continue reading →

这是用JQuery实现的组合动画效果.场景中展示了横向移动,下坠,弹出等效果.

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

这样的动画很有意思,我们可以用来制作一个基于JQuery的动态贺卡,或者是…一个网站的header.

如上图,太阳就是网站的logo,飘动的云是分类导航菜单,右侧弹出的邮票是订阅,下坠文字是描述,救生圈……就是救生圈.

不考虑影响搜索引擎的话,还是很有意思的.

当然还有简单的教程在[ 作品地址 ].

一款简单的淡入淡出效果导航菜单源码.基于JQuery,文件含有图片,CSS,HTML和JS适合修改使用.

同样是通过鼠标悬停来制造效果,所以应用在其他方面( 比如文章标题 )也是可行的.

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