代码如下，不知道哪里有问题，请问怎么改？
#div1{
position:relative;width:100%;height:1200px;overflow:hidden;
}
#div2{
position:absolute;
}
li{
float:left;list-style-type:none;padding:0px;
}
img{
width:500px;
height:300px;
border:none;
}
#div2 li a:hover{
position:relative;
</style>
</head>
<body><div id='div1'>
<div id='div2'>
<li><img src="image/jumu1.png" /></li>
<li><img src="image/jumu1.png" /></li>
<li><img src="image/jumu1.png" /></li>
<li><img src="image/jumu1.png" /></li>
</div>
</div>
<script src="../dist/js/swiper.min.js"></script>
<script>
window.onload=function()
{
var odiv2=document.getElementById('div2');
var ali=odiv2.getElementsByTagName('li');
var speed=-1;
var timer=null;
odiv2.innerHTML+=odiv2.innerHTML;
odiv2.style.width=ali[0].offsetWidth*ali.length+'px';
function a(){
timer=setInterval(function()
{
odiv2.style.left=odiv2.offsetLeft+speed+'px';
if (odiv2.offsetLeft<-odiv2.offsetWidth/2)
{
odiv2.style.left='0px';
}
},30);};
odiv2.onmouseout=a;
a();
}
</script>
鼠标多次悬浮后速度越来越快是因为,每悬浮一次就增加了一个setInterval,div2左移动的数度不断的+一个speed,在a函数里加个判断就行了
function a() {这样速度就不会越来越快了