发布一个jQuery插件-Xslider – 令我着迷的jQuery(二)

算是自己写的第一个jQuery插件,js代码很早就写好了,但是因为一个css问题被困住了,直到今天才重新想起。

Xslider:基于jQuery的拉样片特效插件,也可以用作jQuery Tab选项卡,目前支持四种切换特效:X轴、Y轴、渐变和基本,这里是Demo
使用方法很简单:

$("#slider1").Xslider();

自定义选项:

$("#slider1").Xslider({
    affect: 'scrollx', //效果  有scrollx|scrolly|fade|none
    speed: 800, //动画速度
    space: 5000, //时间间隔
    auto: true, //自动滚动
    trigger: 'mouseover', //触发事件 注意用mouseover代替hover
    conbox: '.conbox', //内容容器id或class
    ctag: 'a', //内容标签 默认为a
    switcher: '.switcher', //切换触发器id或class
    stag: 'a', //切换器标签 默认为a
    current:'cur', //当前切换器样式名称
    prebtn: '.pre', //TODO 前一张按钮
    nextbtn:'.next', //TODO 下一张按钮
    recycle:true, //TODO 是否循环
    rand:false //TODO 是否随机指定首张幻灯图片
});

最后说一句,IE6很邪恶,但我爱它的盒子模型。

3 Responses to “发布一个jQuery插件-Xslider – 令我着迷的jQuery(二)”


Leave a Reply