HTML5前端 广告的轮播效果 第二步
在相比第一步下如果你对第一步理解的很好的话那第二部也不难:
2.1实现鼠标悬停时间 就是当鼠标移到图片上时就让图片的转换停止即就是停止我们声明保存的定时器 var timer=setInterval(run,1000);
代码如下:
//鼠标悬停的事件
div.onmouseover=function(){
//停止定时器
clearInterval(timer)
}
//鼠标移轴事件
div.onmouseout=function(){
timer=setInterval(run,1000)
}
2.2给图标1,2,3绑定事件
就是当我们将鼠标移到图标上时对应的图片停止(onmouseover鼠标悬停)(onclick鼠标点击)
//给图标绑定事件
for(var i=0;i<icons.length;i++){
(function(i){ //闭包
//onclick鼠标点击
icons[i].onmouseover=function(){
controlimg(i);
controlicon(i);
//改变循环的