问题描述

今天做了一道神奇的笔试题

如何用一行jquer实现动画轮播

 <div class=“slide”>
  <img src=“1.png”>
   <img src=“2.png”>
   <img src=“3.png”>
   <img src=“4.png”>
</div>

解决方案

也就是你运气好，让别的看见又得告诉你思路了

var speed=30
gpic2.innerHTML=gpic1.innerHTML
function Marquee(){
if(gpic2.offsetWidth-gpic.scrollLeft<=0)
gpic.scrollLeft-=gpic1.offsetWidth
else{
gpic.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
gpic.onmouseover=function() {clearInterval(MyMar)}
gpic.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

解决方案二：

这个你可以上我上传的文件里下 正好我有