码迷,mamicode.com
首页 > Web开发 > 详细

关于Js下拉导航的解释

时间:2016-09-05 01:45:49      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

 
// 定义一个方法sfHover
    sfHover = function ()
    {
        // 获取id为nav的dom元素里面的每个li元素, sfEls是个集合
        var sfEls = document.getElementById ("nav").getElementsByTagName ("LI");
        // 循环里面的每个li元素对象
        for var i = 0; i < sfEls.length; i++)
        {
            // 给每个li元素设置onmouseover事件,鼠标滑过事件
            sfEls[i].onmouseover = function ()
            {
                // 当鼠标滑过li时,被滑过的li的class属性在原来的基础上加上 sfhover
                this.className += " sfhover";
            }
            // 给每个li设置鼠标移出事件
            sfEls[i].onmouseout = function ()
            {
                // 当鼠标移出时,把原来加上的 sfhover去掉
                this.className = this.className.replace (new RegExp (" sfhover\\b"), "");
            }
        }
    }
    // 如果浏览器支持window.attachEvent方法,就调用这个方法
    if (window.attachEvent)
    {
        // 调用onload方法,把sfHover加载到其中
        window.attachEvent ("onload", sfHover);
    }

关于Js下拉导航的解释

标签:

原文地址:http://www.cnblogs.com/lsy26/p/5840855.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!