这个教程向您展示了怎样利用jQuery创建一个随鼠标移动的视差图片(Parallax Website Header).适合应用在网站顶部LOGO区.
这是一个很简单的过程,不需要任何的JavaScript基础,随着以下过程你就可以创建一个如同ihiro.org般骚包的网站顶部.
[ 先来个预览 ]
从预览效果中可以看到,首先要做的是创建几个图片,包括了比如:天空,太阳,树,和草地.或者任何你喜欢的场景图片.
然后就是HTML文档
[sourcecode language='html']
Parallax Website Header
My Site
[/sourcecode]
从上面可以看到这个效果需要调用jquery-1.2.6.min.js和jquery.jparallax.js这2个玩意儿
[下载地址]
下载后创建一个html文档复制以上代码进入就可以看到效果了。
更多炫酷的视差效果[ stephband ]
随便看了一下,觉得实用性不大,但胜在不输于flash的效果.