导航和轮播图的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');
    }
});