码迷,mamicode.com
首页 >  
搜索关键字:视差滚动    ( 59个结果
Sequence.js 实现带有视差滚动特效的图片滑块
Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果。让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。
分类:Web程序   时间:2014-09-22 19:09:32    阅读次数:207
css实现无(隐藏)滚动条页面
实现功能:隐藏浏览器滚动条,且不影响鼠标滚轮滚动页面适用:以大图片为背景或产品介绍页面(如果和视差滚动一起使用应该会效果更佳)所需技术:非常简单的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
Swift游戏实战-跑酷熊猫 10 视差滚动背景
原理实现勘误“实现”的视频中有个错误,如下背景移动时有个错误,看红色部分,近景归位时,第二张图片的下标是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
【转载】Web 开发中很实用的10个效果【附源码下载】
超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。立即下载 在线演示美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能...
分类:Web程序   时间:2014-07-14 00:46:16    阅读次数:233
美!视差滚动在图片滑块中的应用【附源码下载】
视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子,之前的文章给大家分享过,这里再推荐一下。美女很养眼吧 :)
分类:其他好文   时间:2014-06-20 21:17:43    阅读次数:239
视差滚动(Parallax Scrolling)效果的原理和实现
视差滚动(ParallaxScrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。一、什么是视差滚动?视 差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近的星星移动速...
分类:其他好文   时间:2014-06-11 10:35:51    阅读次数:232
59条   上一页 1 ... 4 5 6
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!