这是一款jQuery实现的当鼠标悬浮文字列表时更换样式并往右移动,点击左右箭头控制文字列表切换特效代码。
js代码
<scripttype="text/javascript">
$(function(){
abc2();
});
functionabc2(){
var$obj=$('#hot_ranks2ul');
varlen=$obj.length;
vari=0;
$("#next2").click(function(){
i++;
if(i==len){
i=0;
}
$obj.stop(true,true).hide().eq(i).fadeIn(600);
returnfalse;
});
$("#previous2").click(function(){
i--;
if(i==-1){
i=len-1;
}
$obj.stop(true,true).hide().eq(i).fadeIn(600);
returnfalse;
});
}
$(".it_expertxt").hover(function(){
$(this).find(".it_expertit").css("color","#fff");
$(this).find(".it_experconter").css("color","#fff");
vardiv=$(this).find(".it_expertit");
vardiv2=$(this).find(".it_experconter")
div.addClass("dest").animate({left:20},200);
div2.addClass("dest").animate({left:20},200);
},function(){
vardiv=$(this).find(".it_expertit");
vardiv2=$(this).find(".it_experconter")
$(this).find(".it_expertit").css("color","#434343");
$(this).find(".it_experconter").css("color","#7d858c");
div.addClass("dest").animate({left:0},200);
div2.addClass("dest").animate({left:0},200);
});
</script>
下载
|
|