Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果。让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。
分类:
Web程序 时间:
2014-09-22 19:09:32
阅读次数:
207
实现功能:隐藏浏览器滚动条,且不影响鼠标滚轮滚动页面适用:以大图片为背景或产品介绍页面(如果和视差滚动一起使用应该会效果更佳)所需技术:非常简单的css和js首先来看下对比效果(图1 => 图2,两者都能通过鼠标滚轮进行内容的滚动)(图1)(图2)可以明显的看到:图2的正文宽度明显比图1的宽度小,并...
分类:
Web程序 时间:
2014-09-19 17:22:55
阅读次数:
233
刚刚在网上看到一个和以往不同的一个图片视差滚动,这个滚动差和我们之前所做的不一样,以前只是做的单纯的几张图片点击滚动,然后这个还加上了个背景的图片滑动效果,看上去,更加的生动且柔和。代码如下 Parallax Slider with jQuery ...
分类:
其他好文 时间:
2014-08-31 21:15:01
阅读次数:
430
差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子,之前的文章给大家分享过,这里再推荐一下。美女很养眼吧 :)
分类:
其他好文 时间:
2014-08-20 14:03:12
阅读次数:
182
原理实现勘误“实现”的视频中有个错误,如下背景移动时有个错误,看红色部分,近景归位时,第二张图片的下标是1if arrBG[0].position.x + arrBG[0].frame.width < speed{arrBG[0].position.x = 0arrBG[1].position.x=...
分类:
其他好文 时间:
2014-08-04 14:10:37
阅读次数:
294
现在的网页设计越来越高大上,效果越来越炫酷毙。一些浏览器的默认东西都被纷纷嫌弃,取而代之的是各种酷炫拽的模拟组件。就好像之前说过的视差滚动,又好像各种小清新的模拟滚动条,都有共同的事件:滚轮事件。
正如大家所知道的那样,jquery框架默认是不支持鼠标中轮滚轮事件的。要实现不同浏览器之间的滚轮事件,我们不能不说一下这个js组件了:jquery.mousewheel.js。...
分类:
其他好文 时间:
2014-07-21 11:28:04
阅读次数:
344
超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。立即下载 在线演示美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能...
分类:
Web程序 时间:
2014-07-14 00:46:16
阅读次数:
233
视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子,之前的文章给大家分享过,这里再推荐一下。美女很养眼吧 :)
分类:
其他好文 时间:
2014-06-20 21:17:43
阅读次数:
239
视差滚动(ParallaxScrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。一、什么是视差滚动?视
差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近的星星移动速...
分类:
其他好文 时间:
2014-06-11 10:35:51
阅读次数:
232