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>
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
jQuery百度搜索自动补全插件jQuery特效下载排行
-
2016-12-18
-
2014-05-26
-
2016-04-25
-
2014-10-31
-
2017-02-10
-
2015-10-26
-
2017-03-24
-
2016-12-18
最新文章
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
热门源码
