http://www.timelapsesketch.com/skins/115034/js/pt_js.js

1
2$(function(){
3	$(".mulu>ul>li").first().addClass('on');
4	$(".inx_pro .pro li:nth-child(4n)").css('margin-right',0);
5	$(".case .pro li:nth-child(4n)").css('margin-right','1%');
6
7});
8
9
10
11$(window).bind("scroll", function () {  
12	var sTop = $(window).scrollTop();  
13	var sTop = parseInt(sTop);  
14	if (sTop >= 50) {  
15		$("#header").addClass('header');
16	}  
17	else {  
18		$("#header").removeClass('header');
19	}   
20});  
21
22
23
24$(".mulu>ul>li").hover(function() {
25  $(".mulu>ul>li>ul").hide();
26  $(".mulu>ul>li").removeClass('on');
27  $(this).addClass('on');
28  $(this).children('ul').show();
29}, function() {
30  
31});
32
33
34
35$(function(){
36    $(".smallImg ul li ").first().addClass('on');
37	var src2=$(".smallImg ul li").first().find('img').attr("src");
38	$('#bigImg').attr("src",src2);
39	$('#bigImg').attr("jqimg",src2);
40    
41    
42    
43    //使用jqzoom
44    $(".jqzoom").jqueryzoom({
45        xzoom:320, //放大图的宽度(默认是 200)
46        yzoom: 320, //放大图的高度(默认是 200)
47        offset: 10, //离原图的距离(默认是 10)
48        position: "right", //放大图的定位(默认是 "right")
49        preload:1   
50    });
51    
52    
53    var btnNext = $('#specRight');
54    var btnPrev = $('#specLeft')
55    var ul = btnPrev.next().find('ul');
56
57    var len = ul.find('li').length;
58    var i = 0 ;
59    if (len > 5) {
60        $("#specRight").addClass("specRightF").removeClass("specRightT");
61        ul.css("width", 54 * len)
62        btnNext.click(function(e) {
63            if(i>=len-5){
64                
65                return;
66            }
67            i++;
68            if(i == len-5){
69                $("#specRight").addClass("specRightT").removeClass("specRightF");
70            }
71            $("#specLeft").addClass("specLeftF").removeClass("specLeftT");
72            moveS(i);
73        })
74        btnPrev.click(function(e) {
75            if(i<=0){
76                return;
77            }
78            i--;
79            if(i==0){
80                $("#specLeft").addClass("specLeftT").removeClass("specLeftF");
81            }
82            $("#specRight").addClass("specRightF").removeClass("specRightT");
83            moveS(i);
84        })
85    }
86    function moveS(i) {
87        ul.animate({left:-54 * i}, 500)
88    }
89    function picAuto(){
90      if ($(".listImg li").size()<=5) {
91        $("#specLeft,#specRight").hide();
92      }
93    }
94    picAuto();
95});
96
97
98$(".smallImg ul li").hover(function() {
99   var src1=$(this).find('img').attr("src");
100   $('#bigImg').attr("src",src1);
101    $('#bigImg').attr("jqimg",src1);
102  $(".smallImg ul li").removeClass('on');
103  $(this).addClass('on');
104}, function() {
105  
106});