jQuery简单的自定义旋转插件和使用示例

这个例子描述了jQuery简单的自定义图片旋转木马插件和用法：

经常使用别人的插件，现在写一个，纪念它。

JQuery.banner.js：
*
旗帜* 0.1
*使用横幅来实现图片定时开关鼠标停止动画
*鼠标离开，继续动画。
* /
（函数（$）{）
美元。fn.banner =功能（选项）{
各种属性和参数
var默认值= {
PicWidth：1000
PicHeight：300
速度：1500
}；
无功totalw = 0； / /保持动画的总宽度
var定时器= NULL；
var电流= 0；将当前动画保存到N图片，下一步从这里开始
无功totalnum = 0； / /保存总数图
无功dsqtime = 0； / / {在}参数定义定时器时间
无功dhtime = 0； / /定义动画时间
var计数= 0；
为新参数合并多个对象，即新建，或使用默认值
var选项=扩展（默认值，选项）；
this.each（函数（）{（）
代码
__this = $（this）功；
dsqtime = options.speed；
dhtime = dsqtime / 3；
初始化
init（__this）；
调用/动画
显示（__this，options.picwidth，电流）；
/ / mouseover事件
__this.find（'ul李），Bind（'mouseover功能（））{
window.clearinterval（定时器）； / /清除定时器
}）；
__this.find（'ul李），Bind（'mouseout功能（））{
显示（__this，options.picwidth，电流）；
然后在旋转木马/动画
}）；
}）；
初始化父容器宽度
函数init（obj）{
Obj.find（'ul李）。每个（函数（）{（）
totalw = $（this）（宽度）；
totalnum + +；
}）；
Obj.find（'ul）。Width（totalw）；
}
对动画显示
功能显示（obj，宽度，电流）{
定时器= setInterval（）{（）函数（
Obj.find（'ul）。动画（{ 'margin-left '：' ' +数×宽+ 'px}，
dhtime）；
电流=计数；
计数+；
如果（数= = totalnum）{
计数= 0；
}
}，Dsqtime）；
}
}；
}（jQuery）；

HTML代码：

$（文档）Ready（函数（）{）
$（换行）横幅（{
PicWidth：1000
PicHeight：300
速度：6000
}）；
}）；
*边距：0；填充：0；}
。包{宽度：1000px；身高：300px；溢出：隐藏；保证金：0汽车；}
换行：左；列表样式：无；}
UL Li。包img {宽度：1000px；身高：300px；}
清除{两个}；}


设计素描 uff1a
更多有关jQuery相关内容的感兴趣的读者可以查看主题：jQuery常用用法摘要

希望本文能对jQuery程序设计有所帮助。