曾经看到一个网站,利用不同的png图片交叉水平滚动带来的那种逼真感,或许在FLASH里面很常见,但是利用javascript来实现那就不常见了。jquery给我们带来了很多的便利,同样也让我们的网站变得越来越复杂,效果越来越震撼。单一的水平滚动效果或者垂直滚动效果现在已经应用很广了,之前发过一篇文章《[url=http://www.lav.so/?aid=28]滚动效果在网站中的应用[/url]》,其中也模仿过一个网站的滚动效果,今天也稍微改了下,改成滚动结束后展开内容。而像这种利用图层加滚动制作出来的效果,不得不让我佩服站长的构思!于是就花时间模仿了一个类似效果的框架,IE6的兼容性没有做过多的优化,其他浏览器都能够看到正常的效果。
[img]http://www.lav.so/upload/201101/2011012621165592.gif[/img]
模仿效果:[url=http://www.lav.so/demo/vivacitas.html]http://www.lav.so/demo/vivacitas.html[/url]
真实效果:[url=http://vivacitas.fr/]http://vivacitas.fr/[/url]
源码下载:[url=http://www.lav.so/demo/download.html]http://www.lav.so/demo/download.html[/url],解压密码:www.lav.so。
原文地址:[url=http://www.lav.so/index.php?aid=93]http://www.lav.so/index.php?aid=93[/url]
[img]http://www.lav.so/upload/201101/2011012621165592.gif[/img]
模仿效果:[url=http://www.lav.so/demo/vivacitas.html]http://www.lav.so/demo/vivacitas.html[/url]
真实效果:[url=http://vivacitas.fr/]http://vivacitas.fr/[/url]
源码下载:[url=http://www.lav.so/demo/download.html]http://www.lav.so/demo/download.html[/url],解压密码:www.lav.so。
原文地址:[url=http://www.lav.so/index.php?aid=93]http://www.lav.so/index.php?aid=93[/url]