jquery图片叠加点击轮换效果

时间：2014-05-17 16:37 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

jquery图片叠加点击轮换效果jquery图片叠加点击轮换效果是一款不是很复杂的图片立体轮换效果。jQuery图片叠加立体切换点击切换所属专题：图片代码

*{padding:0;margin:0;}

li{list-style:none;}

body{background:#ccc;}

/* wrap */

#wrap{width:620px;height:300px;overflow:hidden;margin:50px auto;position:relative;border:solid 2px #fff;}

#pic0{width:300px;height:300px;z-index:4;position:absolute;top:0px;left:320px;cursor:pointer;}

#pic1{width:280px;height:280px;z-index:3;position:absolute;top:10px;left:240px;cursor:pointer;}

#pic2{width:260px;height:260px;z-index:2;position:absolute;top:20px;left:160px;cursor:pointer;}

#pic3{width:240px;height:240px;z-index:1;position:absolute;top:30px;left:80px;cursor:pointer;}

#pic4{width:220px;height:220px;z-index:0;position:absolute;top:40px;left:0px;cursor:pointer;}

</style>

jquery图片叠加点击轮换效果由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7736.html 源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!