-
HTML的结构如下所示：
>
CSS设置：
* {
保证金：0；
填充：0；
文字装饰：无；
}
UL {
列表样式：无；
}
#容器{
职位：相对；
宽度：400px；
身高：200px；
保证金：20px汽车；
}
图片作者：{
位置：绝对；
顶部：0；
左：0；
显示：无；
}
img {照片里。
宽度：400px；
身高：200px；
}
#位置{
位置：绝对；
底部：0；
权利：0；
保证金：0；
背景：# 000；
不透明性：0.4；
宽度：400px；
文本对齐：中心；
}
#位置李{
宽度：10px；
身高：10px；
保证金：0 2px；
显示：内联块；
WebKit的边界半径：5px；
边界半径：5px；
背景颜色：# afafaf；
}
# Cur {位置。
背景颜色：# FF0000；
}
{。箭头
光标：指针；
显示：无；
行高：39px；
文本对齐：中心；
字体大小：36px；
字体粗细：粗体；
宽度：40px；
身高：40px；
位置：绝对；
Z指数：2；
顶部：50%；
边距：- 20px * / *宽度的一半；
背景颜色：RGBA（0,0,0，。3）；
颜色：# FFF；
}
{箭头：悬停
背景颜色：RGBA（0,0,0，。7）；
}
#容器：hover.arrow {
显示块；
}
{ #沪指
左：20px；
}
{ #下
右：20px；
}
Javaｓｃｒｉｐｔ代码：
$（函数（）{（））
第一个显示
$（）。EQ（0）；
鼠标在手动开关上，淡入淡出
$（#位置里）。Mouseover（function（）{）
$（这）。AddClass（'cur）。兄弟姐妹（）。RemoveClass（我）；
var索引= $（this）；
i =索引； /没有这个句子有bug，鼠标出了一个小点，点后自动旋转不是一个
（）；
$（。照片里）。情商（指数），FadeIn（500）。兄弟姐妹（）FadeOut（500）；
}）；
自动/旋转木马
var I＝0；
VaR定时器= setInterval（，2000）；
右/开关
函数（）{
++；
我= 20：我；
$（#位置里），Eq（我），AddClass（'cur）。兄弟姐妹（）。RemoveClass（我）；
$（。照片里），Eq（我），FadeIn（500）。兄弟姐妹（）FadeOut（500）；
}
左/左开关
playleft =函数（）{ var
我--；
i = i < 02：我；
$（#位置里），Eq（我），AddClass（'cur）。兄弟姐妹（）。RemoveClass（我）；
$（。照片里），Eq（我），FadeIn（500）。兄弟姐妹（）FadeOut（500）；
}
鼠标移动无效
$（#容器）。Hover（function（）{）
ClearInterval（定时器）；
}函数（）{（）
定时器= setInterval（，2000）；
}）；
右击可切换
$（# prev）。Click（function（）{）
playleft（）；
}）
$（#下）。Click（function（）{）
游戏（）；
}）
}）
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。