当前位置:首页 > 网站制作 > jQuery教程 > 基于jQuery的幻灯插件:中等级封装类sGallery 1.0

jquery.sgallery 基于jQuery的幻灯插件:中等级封装类sGallery 1.0

2017-01-10 | 来源:网络 | 人气: | | 关键字: jquery.sgallery jquery封装插件教程
网(LieHuo.Net)教程 基于jQuery的幻灯插件:中等级封装类sGallery 1.0,非常漂亮,欢迎大家学习和转载,请注意保留作者的博客地址,尊重作者劳动成果!              

  网(LieHuo.Net)教程 基于jQuery的幻灯插件:中等级封装类sGallery 1.0,非常漂亮,欢迎大家学习和转载,请注意保留作者的博客地址,尊重作者劳动成果!

所有参数:

$(obj).sGallery({
thumbObj:null, //导航对象,默认为空
botLast:null, //按钮上一个,默认为空
botNext:null, //按钮下一个。默认为空
thumbNowClass:'now', //导航对象当前的class,默认为now
slideTime:1000, //对象平滑过渡持续时间,默认为1000ms
autoChange:true, //是否自动切换,默认为true
changeTime:5000, //对象自动切换时间,默认为5000ms,即5秒
delayTime:300 //鼠标经过时反应的延迟时间,推荐值为300ms
});

以上为此插件所有参数,从前端开发角度出发,充分利用css样式的灵活性,脚本调用方式简单,
基本满足了现在常见开发中遇到的平滑过渡效果,具体实际应用及代码参考以下的例子。

注:此插件大小为3k(min版为2k),兼容全部主流浏览器,
图片右上方的小箭头图标考虑美观用了透明的png图片,在ie6下不透明,此和样式有关,请详知。


提示:可修改后代码再运行!

  作者:不羁虫

评论

评论数10

表情
发表评论
网友评论仅供其表达个人看法,并不表明网易立场。
《基于jQuery的幻灯插件:中等级封装类sGallery 1.0》更多评论

头条推荐

阅读下一篇

jQuery学习之操作元素属性和特性

特性属性:是指DOM元素中能够和HTML元素中某个特性对应得上的属性。下面就列出jQuery中提供的方法:操作元素属性:each(iterator)遍历包装集里所有元素,为各元素分别调用传递进来的迭代 ... 查看全文

返回jQuery教程 返回网站首页