-
结果如下：
实现代码：
* {
保证金：0；
填充：0；
列表样式：无；
文字装饰：无；
}
包{。
宽度：490px；
身高：170px；
保证金：100px汽车；
边境：1px solid # 000000；
职位：相对；
溢出：隐藏；
}
# PIC {
宽度：2450px；
身高：170px；
}
# PIC李{
浮点数：左；
}
#列表{
位置：绝对；
底部：10px；
左：150px；
}
#列表里{
浮点数：左；
宽度：15px；
身高：15px；
背景：# FFF；
保证金：0 10px；
边框半径：50%；
光标：指针；
}
在{ #列表。
背景：# e27a00；
}
沪指{。
上图：30px；
左：0；
}
下一个{。
上图：30px；
权利：0；
}
。昨日，一{。
位置：绝对；
字体大小：80px；
字体粗细：粗体；
颜色：# FFF；
WebKit的转型：在所有0.35s缓解
}
下一步：悬停，
沪指：悬停{。
背景：# CCC；
背景：RGBA（204, 204, 204，0.4）；
}
显示{。
显示块；
}
隐藏{。
显示：无；
}
窗口。指针函数（）{
var pic = document.getelementbyid（'pic）。GetElementsByTagName（李的）；
var list = document.getelementbyid（'list）。GetElementsByTagName（李的）；
变量prev = document.getelementbyid（'prev）；
VaR下= document.getelementbyid（下）；
var指数= 0；
var定时器= null；
汽车（）；
对于（var i = 0；i < list.length；i++）{
列表{我}索引= i；
表{我}。onmouseover =函数（）{
ClearInterval（定时器）；
更改（这个索引）；
}
表{我}。onmouseout=函数（）{
汽车（）；
}
PIC {我}。onmouseover =函数（）{
ClearInterval（定时器）；
}
PIC {我}。onmouseout=函数（）{
汽车（）；
}
}
上期onclick =函数（）{
ClearInterval（定时器）；
指数；
如果（索引< = 0）{
指数= list.length-1；
}
变化（指数）；
}
其次，onclick =函数（）{
ClearInterval（定时器）；
索引+；
如果（索引>列表=长度）{
指数= 0；
}
变化（指数）；
}
昨日，移动鼠标=函数（）{
ClearInterval（定时器）；
}
上期onmouseout=函数（）{
汽车（）；
}
其次，onmouseover =函数（）{
ClearInterval（定时器）；
}
二。onmouseout=函数（）{
汽车（）；
}
功能的改变（curindex）{
对于（var i = 0；i < list.length；i++）{
表{我} classname = ；
PIC {我}。类名=隐藏；
}
表{ curindex }。类名= ；
PIC { curindex }。类名=显示；
指数= curindex；
}
函数自动（）{
定时器= setInterval（）{（）函数（
索引+；
如果（索引>列表=长度）{
指数= 0
}
变化（指数）；
}，2000）；
}
}
>
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。