js写轮播图,鼠标移入轮播图停止,鼠标移出轮播图继续

要求:1、点击按钮,切换图片;
   2、图片能够自动轮播;
   3、鼠标移入,轮播停止;移出继续轮播;
知识点:1、定时器:setInterval();
    2、鼠标移入事件:onmouseenter/onmouseover;
      鼠标移出事件:onmouseleave/onmouseout;
难点:假设轮播图轮播到第二张图片,此时点击第一张图片,我们想要的效果是鼠标移出后,图片轮播到第二张图片,到事实是轮播到第三张图片。





	
	
	
	Document


"counter">
"list" style="left:0px;"> "http://uploads.rayli.com.cn/2019/0415/thumb_280_280_1555322412781.png" alt="1"> "http://uploads.rayli.com.cn/2019/0415/thumb_280_280_1555322401710.png" alt="2"> "http://uploads.rayli.com.cn/2019/0415/thumb_280_280_1555322391906.png" alt="3"> "http://uploads.rayli.com.cn/2019/0415/thumb_280_280_1555322380169.png" alt="4"> "img/img5.jpg" alt="5"> "img/img6.jpg" alt="6">
"javascript:;" id="pre" class="arrow"><; "javascript:;" id="next" class="arrow">>;

你可能感兴趣的:(javascript,css3,css)