jquery左右透明遮罩图片切换代码jquery左右透明遮罩图片切换代码是一款基于jquery实现的左右透明遮罩图片按钮控制图片左右切换效果代码。jQuery遮罩效果图片切换左右箭头

<script type="text/javascript"> $(document).ready(function(){ $(".teachers_team").css("width",$(window).width()); $(window).resize(function(e) { $(".teachers_team").css("width",$(window).width()); });   //li的个数 var len=$(".teachers-cont li").length; //向左箭头 $("#prev").on("click",function(){ //获取当前li的index var cur=$(".teachers-cont li[class='on']").index(); //如果不是第一个 if(cur!=0){ $(".teachers-cont li").eq(cur-1).addClass("on").siblings().removeClass("on"); $(".teachers_box").animate({marginLeft:"-"+(cur-1)*600+"px"}); }else{ return; } });   //向右箭头 $("#next").on("click",function(){ //获取当前li的index var cur=$(".teachers-cont li[class='on']").index(); //如果不是最后一个 if(cur!=(len-1)){ $(".teachers-cont li").eq(cur+1).addClass("on").siblings().removeClass("on"); $(".teachers_box").animate({marginLeft:"-"+(cur+1)*600+"px"}); }else{ return; } });   }) </script>

未经允许不得转载：杂烩网 » jquery左右透明遮罩图片切换代码