jquery 自己下一个 。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>holizontal test</title>
<script language="javascript" type="text/javascript" src="jquery-1.5.js"></script>
<script type="text/javascript">
var rerere = 0;
$(document).ready(function() {
$("#a_left").click(function() {
rerere -= 100;
var left = rerere+"px";
$("ul").animate({left: left});
});
$("#a_right").click(function() {
rerere += 100;
var right = rerere+"px";
$("ul").animate({left: right});
});
});
</script>
<style>
body { height:1000px; }
ul{ height:120px; position: relative;}
li{
float:left;
list-style-type: none;
margin-left: 10px;
}
</style>
</head>
<body>
<ul >
<li><img width="100px" height="100px" src="http://cfile268.uf.daum.net/image/156C18534D6D99FE2E51D9" /></li>
<li><img width="100px" height="100px" src="http://cfile271.uf.daum.net/image/202582024C557D9F01012B" /></li>
</ul>
<br/>
<a href="#" id="a_left" >left</a>
<a href="#" id="a_right" >right</a>
</body>
</html>