首先非常感谢网友Wind的无私分享,此选项卡Jquery插件是一款非常实用的功能,很多网站上都用得上,应用范围非常广,些插件功能非常强大,可灵活设置14个参数,现在将此插件分享给网友们使用,希望在使用的过程遇到Bug的话请积极反馈。。。
插件参数配置如下:
$.fn.slide.deflunt={
effect : "fade", //效果 || fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动;
autoPlay:false, //自动运行
delayTime : 500, //效果持续时间
interTime : 2500,//自动运行间隔。当effect为无缝滚动的时候,相当于运行速度。
defaultIndex : 0,//默认的当前位置索引。0是第一个
titCell:".hd li",//导航元素
mainCell:".bd",//内容元素的父层对象
trigger: "mouseover",//触发方式 || mouseover:鼠标移过触发;|| click:鼠标点击触发;
scroll:1,//每次滚动个数。
vis:1,//visible,可视范围个数,当内容个数少于可视个数的时候,不执行效果。
titOnClassName:"on",//当前位置自动增加的class名称
autoPage:false,//系统自动分页,当为true时,titCell则为导航元素父层对象,同时系统会在titCell里面自动插入分页li元素(1.2版本新增)
prevCell:".prev",//前一个按钮元素。
nextCell:".next"//后一个按钮元素。
};
效果图如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友Wind 选项卡 滑动插件 无缝滚动 实用特效