                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /商城分类导航效果

鼠标移入时对应的li是第几个怎么做？

Lis[i].onmouseover = function () {

this.className = "lihover";

alert(XXX);

}

我想知道鼠标移入时对应的li是第几怎么做？

鼠标移到第一个li弹出1；第二个弹出2......

啊啊啊啊123

2016-09-26

源自：商城分类导航效果 3-2

关注问题我要回答

2620

操作

收起

3 回答

我是刘高兴回答被采纳 +3 积分
2016-11-05

window.onload = function () {
    var aLi = document.getElementsByTagName('li');
    
    for(var i=0; i<aLi.length; i++){
        aLi[i].index = i;//添加索引
        aLi[i].onmouseover = function () {
            this.className = 'lihover';
            alert(this.index);//弹出索引
        }
    }
}

注意注释对应的内容，这样便可以了

0 回复有任何疑惑可以回复我~

#1

啊啊啊啊123 提问者

非常感谢！

2016-11-07 回复有任何疑惑可以回复我~

#2

你这样写能弹出了???我写的不能呢

2017-11-21 回复有任何疑惑可以回复我~

我是刘高兴
2016-11-05

用 this（this就是这个就是当前的li，也就是哪个li现在有onmouseover了，this就是这个li）

0 回复有任何疑惑可以回复我~

#1

我是刘高兴

好吧我看错你的问题了。、。。。。。

2016-11-05 回复有任何疑惑可以回复我~

qq_miaomiaodoub_0
2016-09-26

alert(i);

0 回复有任何疑惑可以回复我~

#1

啊啊啊啊123 提问者

很显然你没试在for循环里alert(i)一直都是同一个值

2016-09-26 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

商城分类导航效果

参与学习 63738 人
解答问题 276 个

两种方法实现分类导航，同时扩展讲解其它商城分类导航的制作方法

本课相似问答

2 回答为什么鼠标只有移到第一个li里面div才会显示出来

1 回答为什么鼠标移到了LI上那个悬浮层没显示出来呢？

3 回答关于鼠标移开

2 回答为什么我的鼠标离开li标签了，移动在submenu菜单中他依旧还在显示？

4 回答亚马逊的这种鼠标轨迹这么做的？

搜索更多本课相关问答

鼠标移入时对应的li是第几个怎么做？

我要回答关注问题

意见反馈帮助中心 APP下载