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