http://chinacar.com.cn/Public/index/js/index_zyc.js

1$(function() {
2    var page = 1;
3    var $p_Div = $("#zyc_list");
4    var $picDiv = $("#zyc_list .pic_lists");
5    var picNum = $picDiv.children("ul").children("li").length;
6    var page_count = Math.ceil(picNum / 7);
7    var $pDiv_w = $p_Div.width();
8
9    $("#zyc_pagedown").click(function() {
10        if (page_count > page) {
11            $picDiv.animate({
12                left: '-' + page * $pDiv_w + "px"
13            }, "normal");
14            page++;
15            $("#zyc_pageup").css({
16                'background': 'url(/Public/index_images/leftstart.jpg) no-repeat'
17            });
18            if (page >= page_count) {
19                $(this).css({
20                    'background': 'url(/Public/index_images/rightstop.jpg) no-repeat'
21                });
22            } else {
23                $(this).css({
24                    'background': 'url(/Public/index_images/rightstart.jpg) no-repeat'
25                });
26            }
27        }
28    });
29    $("#zyc_pageup").click(function() {
30        if (page > 1) {
31            $picDiv.animate({
32                left: "+=" + $pDiv_w + 'px'
33            }, "normal");
34            page--;
35            $("#zyc_pagedown").css({
36                'background': 'url(/Public/index_images/rightstart.jpg) no-repeat'
37            });
38            if (page <= 1) {
39                $(this).css({
40                    'background': 'url(/Public/index_images/leftstop.jpg) no-repeat'
41                });
42            } else {
43                $(this).css({
44                    'background': 'url(/Public/index_images/leftstart.jpg) no-repeat'
45                });
46            }
47        }
48    });
49})