基于jquery的滑动样例代码_jquery

复制代码 代码如下:

1

2

3

4

5

6

7

8

9

10

1

2

3

4

5

6

7

8

9

10

<script> <BR>$(document).ready(function(){ <BR>var speed = 1000; <BR>var div_width = $("#list > div:first").width() + parseInt($("#list > div:first").css("margin-left")) + parseInt($("#list > div:first").css("margin-right")); <BR>var offset = 220; <BR>$(".button").click(function(){ <BR>id = $(this).attr("id").replace("button",""); <BR>var _length = -(id - 1) * div_width - offset; <BR>$("#list").animate({left:_length + "px"},speed); <BR>}); <BR>}); <BR></script>