導航和輪播圖的js部份

// 導航欄$(function(){    // 當前連接以/website/分割後的第2個元素    var index = window.location.href.split("/website/")[1];    // 對index以/分割取第一個元素    var href = index.split("/")[0]    if(href.length>0){        if(href=="#"){            // 默認主頁高亮            $("#topnav li:first").addClass("active");        }else{            // 先清除全部a標籤的class="active"屬性            $("#topnav li a").removeClass("active");            // 而後再添加對應a標籤的class="active"屬性            $("#topnav li a[href^='/website/"+href+"']").addClass("active");        }    }else {        // 默認主頁高亮        $("#topnav li:first").addClass("active");    }});// 輪播圖$(function () {    // 定義一個變量用來記錄圖片換到的位置    var count = 1;    // 設置圖片的數量    var imgMaxCount = 5;    var imgMinCount = 1;    // 設置圖片顯示的時間毫秒    var keep = 4000;    // 設置定時器,用於多長時間進行變化    var times = setInterval(timesCount, keep);    // 當鼠標進入大盒子的時候中止計時器    $('#featured_slide').on({        // 鼠標進入盒子的時候中止計時器        mouseenter:function () {            clearInterval(times);        },        // 當鼠標移出盒子的時候開始計時        mouseleave:function () {            times = setInterval(timesCount, keep);        }    });    function timesCount() {        count++;        counts();    }    // 當點擊page的時候跳轉到點擊的位置    $('#featured_slide ul li').click(function () {        // $(this)捕獲點擊的位置,addClass('select')添加class        // .siblings()它的兄弟屬性, removeClass('select')去點class屬性        $(this).addClass('ui-state-active').siblings().removeClass('ui-state-active');        // $(this).index()捕獲點擊的下標位置,下標從0開始計數        count = $(this).index() + 1;        $('#featured_slide .featured_box').eq(count-1).css("display","block");        $('#featured_slide .featured_box').eq(count-1).siblings().css("display","none");        counts();    });    // 設置計數函數,用於控制圖片輪播的位置    function counts() {        // 控制到達的位置,不能超過圖片的最大限制和最小限制        // 當超過最大量或者最小的時候從第一張開始,或者最後一張開始        if (count >= imgMaxCount + 1){            count = 1;        }else if (count <= imgMinCount - 1){            count = 6;        }        // 設置輪播的動畫效果,圖片變爲透明        $('#featured_slide .featured_box').stop().animate([            // $('#featured_slide .featured_box').eq(count-1).css("display","block"),            // $('#featured_slide .featured_box').eq(count-1).fadeIn(),            $('#featured_slide .featured_box').eq(count-1).show(),            // $('#featured_slide .featured_box').eq(count-1).siblings().css("display","none"),            // $('#featured_slide .featured_box').eq(count-1).siblings().fadeOut(),            $('#featured_slide .featured_box').eq(count-1).siblings().hide(),        ]);        // page根據圖片的改變顯示的位置也變化        $('#featured_slide ul li').eq(count-1).addClass('ui-state-active').siblings().removeClass('ui-state-active');    }});
相關文章
相關標籤/搜索