唐宋中国焦点图代码(jQuery)

最新推荐文章于 2024-09-13 08:33:26 发布

轩辕鸣鸿

最新推荐文章于 2024-09-13 08:33:26 发布

阅读量109

点赞数 1

分类专栏： jQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/u011530806/article/details/84465478

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$(function () {
    var totalnum = $("#img img").size();
    var index = 0;
    $('#img a img:eq(0)').css('display','inline');//第一个显示
    $($("#SwitchNav li")).addClass("nocurrent");//按钮都默认类
    $($("#SwitchNav li")).eq(0).addClass("current");//第一个按钮添加类
		
		
		

	
	
	
    $("#SwitchNav li").hover(
							 
							 
	function () {
		index = $("#SwitchNav li").index(this);//当前索引
        showImg(index);//显示当前索引图片
        if (MyTime) {
            clearInterval(MyTime);//停止间隔
        }
    },
    function () {//开始间隔
        MyTime = setInterval(function () {
            index++;
            if (index == totalnum) { index = 0; }
            showImg(index)
        }, 1600);
    }
	
	
    );
	
	
	
	
    var MyTime = setInterval(function () {//这是程序的入口
        index++;
        if (index == totalnum) { index = 0; }
        showImg(index)
    }, 1600)
    function showImg(i) {
        $("#img img")
            .parent().siblings().find("img").hide()
            .eq(i).stop(true, true).fadeIn(1800)//所有的都影藏当前的淡入
        $("#SwitchNav li")
            .eq(i).addClass("current")
            .siblings().removeClass("current");//当前的添加类，其余的删除类。
    }
})

地址：http://www.lanrentuku.com/js/jiaodiantu-967.html