jQuery图片重叠滑动切换效果代码jQuery图片重叠滑动切换效果代码是一款5张图片重叠切换效果代码。jquery图片重叠滑动切换图片切换 所属专题：图片代码
<script type="text/javascript">
var s=$(".src");
for(var i=0;i< s.length;i++){
s.eq(i).css({top: s.eq(i).position().top,left: s.eq(i).position().left})
}
s.css("position","absolute");
$.each(s,function(k,v){
$(v).bind("mouseover",function(){
if(!s.is(":animated")){
if(!$(v).hasClass("sss")){
var sss=$(".sss");
var ls=sss.position().left;
var ts=sss.position().top;
var ws=sss.width();
var hs=sss.height();
s.eq(k).addClass("ss").animate({left: ls,top: ts,width: ws,height: hs},360);
sss.animate({left: $(v).position().left,top: $(v).position().top,width: $(v).width(),height: $(v).height()},400,"swing",
function(){
$(this).removeClass("sss");
s.eq(k).addClass("sss").removeClass("ss")
});
}
}
});
});
</script>
jQuery图片重叠滑动切换效果代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/tupian/10959.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
下一篇：jQuery旋转预览画廊效果
jQuery鼠标悬停横向大图展示特效
jQuery带聚焦效果图片切换代码
jQuery仿Facebook图片画廊代码
jQuery爱奇艺广告图片切换代码
jQuery按钮控制图片左右滚动代码