交叉滚动带来的视觉效果

曾经看到一个网站，利用不同的png图片交叉水平滚动带来的那种逼真感，或许在FLASH里面很常见，但是利用javascript来实现那就不常见了。jquery给我们带来了很多的便利，同样也让我们的网站变得越来越复杂，效果越来越震撼。单一的水平滚动效果或者垂直滚动效果现在已经应用很广了，之前发过一篇文章《滚动效果在网站中的应用》，其中也模仿过一个网站的滚动效果，今天也稍微改了下，改成滚动结束后展开内容。而像这种利用图层加滚动制作出来的效果，不得不让我佩服站长的构思！于是就花时间模仿了一个类似效果的框架，IE6的兼容性没有做过多的优化，其他浏览器都能够看到正常的效果。



模仿效果：http://www.lav.so/demo/vivacitas.html

真实效果：http://vivacitas.fr/

源码下载：http://www.lav.so/demo/download.html，解压密码：www.lav.so。

原文地址：http://www.lav.so/index.php?aid=93

评论

11 楼 sayong 2011-06-14  

wubaodong 写道

871656094 写道

求源码解压密码

同求

解压密码：www.lav.so

10 楼 jychenok 2011-06-14  

www.lav.so   楼主放在压缩文件里了

9 楼 wubaodong 2011-06-14  

871656094 写道

求源码解压密码

同求

8 楼 871656094 2011-06-14  

求源码解压密码

7 楼 rainsilence 2011-06-13  

我给你提个建议吧。

你这个可以做成
比如当前在4这里，点击1，直接从右边跳出1。而不是一路滚回去。即，点击任意号码，只从右边滚出一次，而不是4,3,2,1这样的顺序。
这样下面的轴较长的时候会比较晕。。。
这个在js里很容易实现

6 楼 sayong 2011-06-13  

源码下载地址已经在原帖中贴出，欢迎下载！

5 楼 sayong 2011-06-13  

交叉滚动是自己命名的，多层卷轴可能比较准确，这两天整理下，公开源代码，相互学习！呵呵。

4 楼 myhyli 2011-06-13  

这个貌似是早期游戏中称为“多层卷轴”效果，不叫交叉滚动

3 楼 leepengyu 2011-06-13  

LZ公开下源码怎么做的啊

2 楼 sayong 2011-06-13  

是的，在效果上各种效果的融合没有原效果那么舒服！在国外类似这样效果的网站越来越多了，觉得这种构思不错！呵呵

1 楼 Krize.X 2011-06-13  

挺好看的效果，不过我觉得楼主做的那个模仿效果有点晃眼，切换太快了，有点难接受。