web前端|js教程
jquery全屏滚动插件,jQuery,multiscroll,jquery全屏插件
web前端-js教程
经常看到在一些产品介绍页,看到全屏滚动的特效,今天推荐款jQuery插件给大家,jQuery全屏鼠标滚动切换页面特效插件multiScroll.js,支持众多的参数自定义配置,scrollingSpeed:切换速度、easing:动画效果、navigation:false是否出现导航,还支持事件Callback函数调用,onLeave、afterLoad等,效果还是和不错的,浏览器兼容方面:IE8, 9, Opera 12、以及现代的浏览器,需要浏览器支持CSS3属性,推荐学习和使用。
微信电商源码,ubuntu关闭弹出更新,重启tomcat后拒绝连接,爬虫项目建议,php腾讯视频源码,seo分析seo博客lzw
使用方法:
干净电视直播源码,ubuntu 高分屏优化,tomcat配置技巧top10,pythons跟爬虫,php怎么获得html变量,站点seo技巧lzw
1.加载插件和jQuery
php图书馆借阅系统源码,ubuntu删除上网记录,看tomcat连接数,爬虫项目内容,如何利用php查询,平顶山seo关键词优化营销lzw
2.HTML内容
Some section
Some section
Some section
Some section
Some section
Some section
3.函数调用
$(document).ready(function() { $(#multiscroll).multiscroll{verticalCentered : true,scrollingSpeed: 700,easing: easeInQuart,menu: false,sectionsColor: [],navigation: false,navigationPosition: ight,navigationColor: #000,navigationTooltips: [],loopBottom: false,loopTop: false,css3: false,paddingTop: 0,paddingBottom: 0,normalScrollElements: null,keyboardScrolling: true,touchSensitivity: 5,//eventsonLeave: function(index, nextIndex, direction){},afterLoad: function(anchorLink, index){},afterRender: function(){},afterResize: function(){}, }); });
查看DEMO 脚本下载
以上所述就是本文的全部内容了,希望大家能够喜欢。