商城分类导航效果_技术笔记

慕粉2308425049 2018-07-18

1、将原css代码进行修改
         li：hover ——> .lihover
2、加入鼠标移入事件、鼠标隐藏移开
window.onload=function（）{
var lis = document.getElementByTagName("li);
for(i = 0; i < lis.length; i++){
    lis[i].onmousover = function(){
        this.className = "lihover";
    }
    lis[i].onmouseout = function(){
        this.className = "";//由于定义的时候都没有用 li 的 class，而是直接定义的 li
    }
}
}

0赞 · 0采集
半世烟云落 2018-04-08

解决IE6兼容性问题

0赞 · 0采集
慕仙5237505 2017-11-04

js部分

截图
0赞 · 0采集
慕仙5237505 2017-11-04

js 三个知识点的css name命名写法：

截图
0赞 · 0采集
浅尝 2017-07-18

CSS动态转变JS 将hover 后改变的样式写到class里用js 赋值

0赞 · 0采集
riyyao 2017-07-04

<script type="text/javascript"> window.onload = function () { var Lis = document.getElementsByTagName("li"); for (i = 0; i < Lis.length; i++) { Lis[i].onmouseover = function () { this.className = "lihover"; } Lis[i].onmouseout = function () { this.className = ""; } } } </script>

0赞 · 0采集
晓欣WWW 2017-05-05

遍历，把所有li的光标移到上面的事件起一个className

截图
0赞 · 0采集
雨落尘中碎_03948239 2017-04-13

这里的三个lihover属性添加进去是全部都引用了？ className还是有不懂的地方

截图
0赞 · 0采集
秦虢 2017-03-30

边学边练，不难

0赞 · 0采集
秦虢 2017-03-30

老师说：“丰富多彩的编程让我们的世界变得更精彩”。这一节讲的是替换css下hover这个鼠标滑动事件，改为JavaScript的onmouseover和onmouseout

截图
0赞 · 0采集
慕UI6939182 2017-02-27

定义一个样式，用for循环找到里Li元素，然后添加onmouseover和onmouseout事件，代码如下： window.onload=function(){ var lis=document.getElementsByTagName("li"); var len=lis.length; for(var i=0;i<len;i++) { lis[i].onmouseover=function(){this.className="lihover"} lis[i].onmouseout=function(){this.className=""} } }

0赞 · 0采集
小小向日葵摩羯 2016-11-16

找到通用的东西，然后让计算机重复劳动。

0赞 · 0采集
BeingTowards 2016-10-05

定义一个样式lihover，然后for循环找到所有li元素添加鼠标移入事件将li元素的className赋值为lihover，这样lihover样式及其子样式都起作用了，鼠标移出事件将li元素的className赋值为空，则lihover样式及其子样式都不起作用了。

截图
0赞 · 0采集
慕工程2957023 2016-09-19

当给li元素加上lihover类之后，submenu和span作为li的子元素也会套用对应的样式，因此只需要给对应的一级菜单绑定lihover类，即可完成悬浮二级菜单的效果用js给所有的li加mouseover和mouseout时间。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }

1赞 · 2采集
人间小丑3619054 2016-08-30

用js给所有的li加mouseover和mouseout事件。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }

0赞 · 0采集
慕码人6397172 2016-08-13

window.onload=function(){ var Lis=document.getElementByTagName("li"); for(i=0;i<Lis,length;i++){ Lis[i].onmoouseover=function(){ this.className="lihoover";} Lis[i].onmouseout=function(){ this.className="";}}}

0赞 · 0采集
fannyxj 2016-07-02

用js给所有的li加onmouseover和onmouseout事件。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }

0赞 · 0采集
CMinC 2016-06-24

用js给所有的li加onmouseover和onmouseout事件。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }

0赞 · 0采集
梦编猿 2016-06-19

@JS实现hover效果【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】

截图
0赞 · 0采集
慕仔2762434 2016-05-19

用js实现二级菜单，就是将一个原有的css赋给他，下面的菜单就会出现已保存的

截图
0赞 · 0采集
文森特_ 2016-04-16

用js给所有的li加mouseover和mouseout事件。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }

0赞 · 0采集
MushishiXian 2016-04-16

测试

截图
0赞 · 0采集
裸奔的萝卜丝 2016-04-05

this.className=" " this的class 还原？

0赞 · 0采集
楚初 2016-03-10

onmouseout 鼠标移开 this.classname="";恢复

截图
0赞 · 0采集
楚初 2016-03-10

onmouseover 鼠标移上去效果

截图
0赞 · 0采集
楚初 2016-03-10

将li:hover 改成class值

截图
0赞 · 0采集
南方冷 2016-03-05

overflow:visible：默认值。不剪切内容也不添加滚动条 auto：在必需时对象内容才会被裁切或显示滚动条； hidden：不显示超过对象尺寸的内容； scroll：总是显示滚动条。

0赞 · 0采集
记得喝水 2015-12-02

span小方框和悬浮层submenu作为子标签会套用lihover的样式，所以只要把 .lihover的样式赋值个Li就可以onmouseover()触发

截图
0赞 · 0采集
纪奕滨 2015-10-15

用js给所有的li加mouseover和mouseout时间。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }

0赞 · 5采集
WebQianDuanGCS 2015-09-04

用js给所有的li加mouseover和mouseout时间。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } } }

截图
0赞 · 0采集

数据加载中...