http://www.jsfoot.com/jquery/demo/2011-09-20/192.html
$(obj).soChange({ thumbObj:null, //导航对象,默认为空 botPrev:null, //按钮上一个,默认为空 botNext:null, //按钮下一个。默认为空 thumbNowClass:'now', //导航对象当前的class,默认为now thumbOverEvent:true,//鼠标经过thumbObj时是否切换对象,默认为true,为false时,只有鼠标点击thumbObj才切换对象 slideTime:1000, //对象平滑过渡持续时间,默认为1000ms autoChange:true, //是否自动切换,默认为true clickFalse:true,//导航对象如果有链接,点击是否链接无效,即是否返回return false,默认是return false链接无效,当thumbOverEvent为false时,此项必须为true,否则鼠标点击事件冲突 overStop:true,//鼠标经过切换对象时,切换对象是否停止切换,并于鼠标离开后重启自动切换,前提是已开启自动切换,默认开启鼠标经过对象停止切换 changeTime:5000, //对象自动切换时间,默认为5000ms,即5秒 delayTime:300 //鼠标经过时对象切换迟滞时间,推荐值为300ms });
实现对象切换的插件其实网上很多, 但是应用起来总是不够满意,不够简洁,不够实用,所以干脆自己写了一个, 本来取名为sGallery,即simpleGallery, 但感觉这个插件不仅仅是可以应用在幻灯相册上,确实应该称它为对象切换插件, 所以改了名称,simple object change ,简洁考虑直接就soChange,即如此改变,如此切换, 我也增加了一个选项卡切换的例子,相信你使用时会觉得它是如此方便和多样, 以上为此插件所有参数,从前端开发角度出发,充分利用css样式的灵活性,脚本调用方式简单, 基本满足了现在常见开发中遇到的平滑过渡效果,具体实际应用及代码参考以下的例子。 注:此插件大小为3k(min版为1.6k),兼容全部主流浏览器, 图片右上方的小箭头图标考虑美观用了透明的png图片,在ie6下不透明,此和样式有关,请详知。
转载于:https://www.cnblogs.com/cblx/p/4175090.html
相关资源:[荐]jQuery焦点图幻灯切换插件Tab选项卡(soChange 1.4)下载.rar