添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 弹出层 | 滚动条 >

鼠标滚动视觉差skrollr.js插件网页特效

时间:2016-05-22      来源:互联网     
特效说明:
skrollr.js是一款流行的视差滚动类库,不依赖于其它框架的独立类库,可以让你快速打造出视差滚动效果。它可以让我们给任意元素设置关键帧的CSS属性,然后它会自动形成动画效果。更重要的一点是,使用此类库时不用写复杂的JS代码以及兼容主流浏览器,适配手机等移动终端等特性。请用支持HTML5+CSS3主流浏览器预览效果。
(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/main2.css" />

2、调用JS插件代码:
<script src="js/skrollr.min.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • jQuery滚动视觉动画jInvertScroll.js插件动画

    jQuery滚动视觉动画jInvertScroll.js插件动画

    jInvertScroll 是一个操纵默认滚动行为和强制水平滚动的jQuery插件.它通过onScroll回调函数简化了视察效果的创建,我们可以在onScroll回调函数中 为任意元素增加动画效果。……
    2016-05-22
  • jQuery滚动到指定位置animatescroll.js动画插件

    jQuery滚动到指定位置animatescroll.js动画插件

    AnimateScroll.js 是一个简单的jQuery插件,它用来为滚动增加延迟效果. 可以自定义滚动样式(30多种滚动效果)和滚动速度. 还有一个可以操纵滚动结束位置的padding选项,这个插件不局限于整个页面,某……
    2016-05-22
  • PC端、IPAD、手机等响应式图片展示触屏滚动插件

    PC端、IPAD、手机等响应式图片展示触屏滚动插件

    一款PC端、IPAD、手机等响应式图片展示触屏滚动插件Owl Carousel网页特效,响应式各分辨率屏幕显示、包含很多demo,方便各种响应式应用插件。……
    2015-03-06
  • 纯JS+css3页面滚动动画效果代码

    纯JS+css3页面滚动动画效果代码

    一款纯JS+css3页面滚动动画效果代码网页特效,CSS3全屏滚动插件效果,在下拉滚动条时动画加载页面内容,WOW.js 能让页面滚动时显示动画,使页面更有趣。……
    2015-01-07
  • jQuery整屏(全屏)滚动插件

    jQuery整屏(全屏)滚动插件

    一款jQuery整屏(全屏)滚动插件网页特效,滚动鼠标滚轮整屏一屏滚动切换代码,可设置文字/图片绝对上下左右居中显示JS代码,时下最流行的jQuery全屏滚动插件!……
    2014-12-02

最新更新特效

设计分享