不懂jq 但需要明白图中都是什么意思 凑一下字数 再凑一下字数 继续凑一下字数
具体是哪些不懂?我看都有注释
选择Dom然后对其进行操作,代码用代码块展示一下就可以写,图片没法操作啊
$(function(){
var len=$( "#number li") .length;// id为#number的下面的li的个数
var index=0;//存li的个数下标的变量
var timer;//存定时器的变量
$(" #number 1li") .mouseover (function(){//鼠标经过时执行的函数
index=$(" #number 1i") . index(this);//获取触发鼠标经过时的li的下标,赋值给index变量
show( index);
}).eq(0). trigger("mouseover");//注释:首次打开页面时,此处出发第一张图片出发鼠标悬停效果
$("#slider"). hover(function(){//鼠标放在上面时执行的函数
clearTimeout (timer);//清除定时器
}, function(){//鼠标离开时执行的函数
timer=setInterval(function(){//设置一个定时器
show( index);//执行该函数,把下标index值传进去
index++;//下标+1
if(index==len)
index=0;//当下标index值等#number的下面的li的个数时,设置下标index=0
},3000);
}). trigger( "mouseleave");//首次打开页面后,如果用户无操作,此处出发鼠标离开操作,图片继续轮播。
})
function show( index)
{
var wid=$("#slider") .width();//获取长度id为slider的标签宽度
$("#show"). stop(true, false) . animate({left: -wid* index}, 1000);//在id为show的标签上执行一秒时间的动画
$("#number 1i"). removeClass(" on"). eq( index) .addClass("on");//先清除#number的下面的li的所有class名为on,然后再当前下标index的li上添加class名为on
}
就是鼠标进入和离开的时候做的一些鼠标悬停等操作