交叉滚动带来的视觉效果

曾经看到一个网站,利用不同的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]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值