当前位置:首页 > 网页特效 > 图片代码 >

jQuery图片重叠滑动切换效果代码

时间:2015-01-06 08:29 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

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>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

图片代码下载排行

最新文章