jQuery上一页下一页分页按钮控制文字列表切换效果js代码,当鼠标悬停文字列表时文字背景变色并出现动画右移滑动效果。
js代码
<script type="text/javascript">
$(function(){
abc2();
});
function abc2(){
var $obj = $('#hot_ranks2 ul');
var len = $obj.length;
var i = 0;
$("#next2").click(function(){
i++;
if(i==len){
i = 0;
}
$obj.stop(true,true).hide().eq(i).fadeIn(600);
return false;
});
$("#previous2").click(function(){
i--;
if(i==-1){
i = len-1;
}
$obj.stop(true,true).hide().eq(i).fadeIn(600);
return false;
});
}
$(".it_expertxt").hover(function(){
$(this).find(".it_expertit").css("color","#fff");
$(this).find(".it_experconter").css("color","#fff");
var div = $(this).find(".it_expertit");
var div2 = $(this).find(".it_experconter")
div.addClass("dest").animate({left: 20}, 200);
div2.addClass("dest").animate({left: 20}, 200);
},function(){
var div = $(this).find(".it_expertit");
var div2 = $(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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791