导航和轮播图的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');    }});
相关文章
相关标签/搜索