|
本帖最后由 yangying 于 2013-5-23 13:48 编辑
大致就是一个div里有3张照片 (充满了),,然后点击按钮 左移 又移 。。。最前或者最后张 补到最后或者最前面
自己写的代码 效果不是很好; 大神指导指导
[code=html] <script type="text/javascript">
$(document).ready(function () {
$("#right").click(function () {
$("img").animate({ left: '130px' });
// $("img").css("left", "0px").find("img :last").prependTo($("div"));
$("img :last").prependTo($("div"));
// $("img :first").css("left","0px' });
$("img").animate({ left: '0px' });
//
});
});
</script>
<style type="text/css">
img{ height:130px ; width:130px; margin:0px; position:relative; }
div{ border:1px red solid; width:430px; position:absolute; overflow:hidden;}
</style>
</head>
<body>
<input type="button" value="左移" id="left" />
<input type="button" value="右移" id="right" />
<div>
<img src="Scripts/Koala.jpg" alt=""/>
<img src="Scripts/Penguins.jpg" alt=""/>
<img src="Scripts/QQ图片20130517165036.jpg" alt=""/>
</div>
</body>
[/code]
|
|