// 導航欄$(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'); }});