交叉滚动带来的视觉效果

broken · 发表于 2011-8-24 10:36

曾经看到一个网站，利用不同的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

钰云 · 发表于 2011-8-24 10:36

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

秋秋 · 发表于 2011-8-24 10:36

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

木已 · 发表于 2011-8-24 10:36

LZ公开下源码怎么做的啊

醉倚西风 · 发表于 2011-8-24 10:36

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

天上智喜 · 发表于 2011-8-24 10:37

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

shmilyyu · 发表于 2011-8-24 10:37

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

木已 · 发表于 2011-8-24 10:37

我给你提个建议吧。

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

有烟没火 · 发表于 2011-8-24 10:37

求源码解压密码

ksdal · 发表于 2011-8-24 10:37

871656094 写道
求源码解压密码

同求

帐号		自动登录	找回密码
密码			成为会员