简单的banner图片切换焦点图代码

function SlideShow(c) {//由网页幻灯片底部执行函数参数1000
    var a = document.getElementById("slideContainer"), f = document.getElementById("slidesImgs").getElementsByTagName("li"), h = document.getElementById("slideBar"), n = h.getElementsByTagName("li"), d = f.length, c = c || 3000, e = lastI = 0, j, m;
    function b() {//鼠标离开开始幻灯
        m = setInterval(function () {//根据c规定的时间重复执行
            e = e + 1 >= d ? e + 1 - d : e + 1;//第二圈的时候  e=0到d-1,第一圈从1开始的
            g()//运行函数g
        }, c)//循环时间
    }
    function k() {
        clearInterval(m)//鼠标悬停停止幻灯
    }
    function g() {//图片切换
        f[lastI].style.display = "none";
        n[lastI].className = "";
        f[e].style.display = "block";
        n[e].className = "on";
        lastI = e//lastI总在e的后面
    }
    f[e].style.display = "block";//文档载入第一次e=0的时候
    a.onmouseover = k;//鼠标悬停停止幻灯
    a.onmouseout = b;//鼠标离开开始幻灯
    h.onmouseover = function (i) {
        j = i ? i.target : window.event.srcElement;
        if (j.nodeName === "LI") {
            e = parseInt(j.innerHTML, 10) - 1;
            g()
        }
    };
    b()
}
;

 代码地址:http://www.lanrentuku.com/js/jiaodiantu-985.html

最后面h.onmouseover 看不懂。。。不知道i的值是什么。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值