為什么我的還是移出后沒有恢復(fù)?
$(document).ready(function(){
????$(function(){
????????var?iconH?=?$(".sprite").find("s").height();/*獲取高度*/
????????????//console.log(iconH);打印iconH的高
????????????//聲明一個變量獲取li元素
?????????????triggerLi?=?$(".sprite").children("li");
????????????//輸入li的索引值(它是從0開始的)
????????????triggerLi.each(function(){
????????????var?$this?=?$(this),//聲明li變量
????????????????$index?=$this.index();//聲明一個變量并獲取li的值索引值
????????????????//console.log($index)每個li的索引值
?????????????????//?console.log(iconH*$index);1*40
?????????????????$this.children("s").css("background-position","0?-"+?iconH*$index?+"px")
?????????????????
?????????????????$this.hover(function(){
????????????????????//鼠標(biāo)移入
????????????????????$this.children("s").css("background-position","-24px?-"+?iconH*$index?+"px")
?????????????????}),function(){
????????????????????//鼠標(biāo)移出
????????????????????$this.children("s").css("background-position","0?-"+?iconH*$index?+"px")
?????????????????};
?
?????????})
????});
????
});
2015-10-29
鼠標(biāo)移出代碼位置不對,正確代碼如下:
$this.hover(function(){
? ?//mouse in
? ?$this.children("s").css("background-position","-24px -"+iconH*$index+"px");
? ?},function(){
? ? ? ?//mouse out
? ? ? ?$this.children("s").css("background-position","0 -"+iconH*$index+"px");
? ?}
)