jquery_jquery를 기반으로 한 슬라이딩 샘플 코드

复代码 代码如下:

<머리>

1

2

3

4

5

6

7

8

9

10

1

2

3

4

5

6

7

8

9

10

<스크립트>
$(document).ready(function(){
var speed = 1000;
var div_width = $("#list > div:first").width() parseInt($("# list > div:first").css("margin-left")) parsInt($("#list > div:first").css("margin-right"));
var offset = 220 ;
$(".button").click(function(){
id = $(this).attr("id").replace("button","");
var _length = -(id - 1) * div_width - 오프셋
$("#list").animate({left:_length "px"},speed)
});