炫酷jQuery视觉差滚动效果

2019-10-09 10:26:33 作者: 大梦 浏览: 16 [百度未收录] [搜狗已收录] [360已收录]

简要教程
这是一款简单的jQuery视觉差滚动效果。视觉差技术是一项非常有意思的技术。在这个demo中,当你用鼠标向下滚动页面的时候,背景图片的滚动速度比页面的内容的滚动速度要慢,形成了一种强烈的3d视觉差效果。
HTML
这个效果的重点是背景图片的滚动速度。所以html结果应该如下,创建两个section,并给他们两个属性:data-type和data-speed。
这里使用的section标签和data-type、data-speed是html5引进的技术。这样书写使页面更加整洁和易读。 根据自定义的数据属性的规范,任何属性值开始将被视为私人数据的存储区。此外,这不会影响布局或表现。 由于我们需要控制背景图片的滚动速度,我们使用data-type="background"和data-speed="10"来指定它们的关键参数。 更多详细信息请参看:http://code.tutsplus.com/tutorials/simple-parallax-scrolling-technique--net-27641

版权免责声明 1、本网站名称:罗网轻量级sns社区,源码分享平台
2、本站永久网址:http://www.luopay.cn
3、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效  点此反馈 我们会第一时间更新。

下载地址
评论
本文作者 阅读排行 文章推荐

首页
最新
投稿
精选
我的