js图片包
本文为大家分享一个具体的js图片代码，旋转木马插件，供大家参考，具体内容如下旋转木马插件包，我只需要得到的图片和按钮，你可以。
CSS样式
身体{。
宽度：700px；
保证金：100px汽车；
职位：相对；
身高：300px；
溢出：隐藏；
}
身体img {。
宽度：700px；
位置：绝对；
显示：无；
}
身体UL
位置：绝对；
底部：3px；
左：50%；
translatex变换：（50%）；
}
身体李{
列表样式：无；
浮点数：左；
宽度：15px；
身高：15px；
边界半径：50px；
背景：无；
边境：2px固体# FFF；
右边距：10px；
光标：指针；
}
主动{。
背景颜色：# FFF！重要；
}
身体{
文字装饰：无；
位置：绝对；
显示块；
顶部：50%；
translatey变换：（50%）；
身高：50px；
宽度：30px；
背景尺寸：100% 60%；
背景颜色：RGBA（0,0,0,0.3）；
}
左{。
左：0；
背景：URL（'。 / /离开IMG。png）没有重复的中心；
}
右{。
权利：0；
背景：URL（'。 / / IMG的权利。png）没有重复的中心；
}
页面结构html代码
js部分，插件调用
滑块（{
imgelement：$（。身体img ），
lielement：$（身体里），
leftbtn：$（左），
rightbtn：$（好），
时间：2000
}）
封装的插件
（函数（$）{）
函数滑块（选项）{
这个选择=美元。延长（slider.defaluts，{ }，选项）；
这_imgslider（）；
}
默认设置
滑块。defaluts = {
imgelement：空，
lielement：空，
LeftBtn：空，
rightbtn：空，
时间：2000
}
滑块。原型。_imgslider =函数（）{
VaR选择= this.opts，
索引= 0，
opts.imgelement.length len =，
timeinter = null；
如果（选择。imgelement = =）返回；
Opts.imgElement.eq（0），表明（）；
欣欣（）；
当鼠标越过传送带/停止时，继续移动。
Opts.imgElement.hover（function（）{（）
ClearInterval（timeinter）；
}函数（）{（）
欣欣（）；
}）；
单击以显示相应的图片
Opts.liElement.click（function（）{（）
var（$）；
显示（id）；
}）；
向左转/右转
Opts.leftBtn.click（function（）{（）
ClearInterval（timeinter）；
——指数；
指数= math.max（0指数）；
显示（索引）；
欣欣（）；
}）；
Opts.rightBtn.click (function () {()
ClearInterval（timeinter）；
++索引；
指数= math.min（len-1，指数）；
显示（索引）；
欣欣（）；
}）；
延时函数（）{
timeinter = setInterval（）{（）函数（
索引+；
如果（索引>镜头）{
指数= 0；
}
显示（索引）；
}，选择时间）；
}
函数显示（索引）{
Opts.imgElement.eq（指数），FadeIn（1000）。兄弟姐妹（'img）。FadeOut（1000）；
Opts.liElement.eq（索引）。AddClass（主动的），兄弟姐妹（李的）RemoveClass（主动的）；
}
}
扩展（{
滑块：函数（选项）{
新滑块（选项）；
}
}）
}（jQuery）
设计素描
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。