论坛首页 Web前端技术论坛

交叉滚动带来的视觉效果

浏览 6872 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-06-08   最后修改:2011-06-14
曾经看到一个网站,利用不同的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-06-13  
挺好看的效果,不过我觉得楼主做的那个模仿效果有点晃眼,切换太快了,有点难接受。
0 请登录后投票
   发表时间:2011-06-13  
是的,在效果上各种效果的融合没有原效果那么舒服!在国外类似这样效果的网站越来越多了,觉得这种构思不错!呵呵
0 请登录后投票
   发表时间:2011-06-13  
LZ公开下源码怎么做的啊
0 请登录后投票
   发表时间:2011-06-13  
这个貌似是早期游戏中称为“多层卷轴”效果,不叫交叉滚动
0 请登录后投票
   发表时间:2011-06-13   最后修改:2011-06-13
交叉滚动是自己命名的,多层卷轴可能比较准确,这两天整理下,公开源代码,相互学习!呵呵。
0 请登录后投票
   发表时间:2011-06-13  
源码下载地址已经在原帖中贴出,欢迎下载!
0 请登录后投票
   发表时间:2011-06-13  
我给你提个建议吧。

你这个可以做成
比如当前在4这里,点击1,直接从右边跳出1。而不是一路滚回去。即,点击任意号码,只从右边滚出一次,而不是4,3,2,1这样的顺序。
这样下面的轴较长的时候会比较晕。。。
这个在js里很容易实现
0 请登录后投票
   发表时间:2011-06-14  
求源码解压密码
0 请登录后投票
   发表时间:2011-06-14  
871656094 写道
求源码解压密码

同求
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics