100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery插件multiScroll实现全屏鼠标滚动切换页面特效【jquery】

jQuery插件multiScroll实现全屏鼠标滚动切换页面特效【jquery】

时间:2023-07-25 14:36:57

相关推荐

jQuery插件multiScroll实现全屏鼠标滚动切换页面特效【jquery】

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 脚本下载

以上所述就是本文的全部内容了,希望大家能够喜欢。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。