使用JavaScript代码给每个li列表加两个鼠标事件onmouseover和onmouseout
使用JavaScript代码给每个li列表加两个事件，一个是onmouseover一个是onmouseout，当鼠标移到列表上显示div，离开列表隐藏div，（要求只能使用一个for循环和一个函数实现，if判断不限），已经想了很久了，就是无法解决，求助各位，希望细心解答，直接上代码也行。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS 演示代码</title>
<style>
.kuai_two{
display:none;
}
</style>
<script>
onload=function(){
var lis = document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
var li = lis[i];
var div=li.children[1];
li.onmouseenter = function(){
div.style.display='block';
}
li.onmouseleave=function(){
div.style.display='none';
}
}
}
</script>
</head>
<body>
<ul>
<li> dfgdgdfg
<dl>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
</dl>
<div class="kuai_two">
<p>
aaaaaa
</p>
<br /><br />
<p>
bbbbbb
</p>
<br /><br />
<h5>
site
</h5>
<p>
11111
</p>
<p>
22222
</p>
<p>
333
</p>
<p>
66666
</p>
<p>
55555
</p>
</div>
</li>
</ul>
</body>
</html>追问
现在实现的效果是每个列表后面的div都是一样的，我定义的每个其实不一样的，而且只能用一个函数，你用了两个，我有思路，可以用if判断，如果鼠标在列表上则显示，如果不在则不显示，但是知道怎么写，还需要你的指点
追答你题目的意思不也是2个函数么
追问是两个事件，不一定要两个函数，但这两个事件你也可以使用一个，知道能实现效果就行
li div{
display:none;
}
li:hover div{
display:block;
}本回答被网友采纳
JavaScript OnMouseOut事件
onmouseover和onmouseout鼠标移入移出时触发的事件：onmouseover 用户鼠标移入元素时触发的事件。并执行onmouseover调用的函数。onmouseout 用户鼠标移开元素时触发的事件。并执行onmouseout调用的函数。onmouseover和onmouseout 这两个事件在javascript中较常用。下面通过一个示例更深入了解这两个事件的使用：示例：鼠标...
关于js的鼠标移入移出事件
在JavaScript中，处理鼠标移入和移出事件主要使用onmouseenter、onmouseover、onmouseleave和onmouseout属性。具体代码如下：为id为"selectModal"的元素绑定鼠标移入事件：document.getElementById("selectModal").onmouseenter = function() { console.log('鼠标移入')} 绑定鼠标移出事件：document.getElementB...
Javascript如何使用onmouseover和onmouseout设置css样式
使用onmouseover和onmouseout设置元素的样式等即可：var a = document.get..(node);a.addEventListener('mouseover',this.classList.add('active'));a.addEventListener('mouseout',this.classList.remove('active'));然后再设置这个active的样式即可 ...
JavaScript 怎么一次创建两个事件,比如鼠标悬停改变背景颜色和字体颜色...
代码说明：这里面确实一次为这个段落创建了两个事件，都是DOM通用的事件，一个叫mouseover(鼠标悬停)，一个叫mouseout（鼠标离开），mouseover事件触发时要用到2个函数（function）, 分别是chfgcolor和chbgcolor, 而mouseout只用到1个chback函数。还有，事件触发时会运行一些东西，但是不一定是函数。
onmouseover和o的用法?
当鼠标在网页元素上移动时，JavaScript提供了两个常用的事件处理函数：onmouseover和onmouseout。onmouseover用于定义鼠标滑上元素时触发的事件，而onmouseout则在鼠标离开元素时生效。例如，如果你想让鼠标滑上时暂停一个元素的滚动，可以这样设置：鼠标滑上暂停滚动 这里，当鼠标滑上按钮时，滚动行为会被设置为'...
html,javascript...大哥,上次你给我实现了两个表鼠标点击的切换,我还有...
#666" id="bz_q" onclick="clic_(this,'bz_')">本周强推<\/div><div class="div_child" id="sz_q" onclick="clic_(this,'sz_')">上周强推<\/div> 中的 onclick 换成 onmousemove 鼠标在元素上移动时触发 或、onmouseover鼠标 经过时事件 或、onmouseout 鼠标 移开时事件 ...
如何用javascript实现两张图片在一个表格里交替出现?
表格里加两个事件：onmouseover和onmouseout 每个事件对应一张图片 这样，当鼠标移动到表格里呈现图片1，移出表格后呈现图片2
js鼠标移动事件(onmouseover,onmouseout)放在和控件中有什么不同?_百...
当鼠标移入移除A的子元素B的时候居然也发生了onmouseover事件和onmouseout事件。所以说当鼠标移入移除A的子元素B的时候，B的onmouseover事件和onmouseout事件会触发，但是它自己没有这两个事件啊，就把这两个事件传递给了它的父元素A，A有这两个事件所以就发生了我们看到的情况。
javascript代码的简写
使用jquery <script> ("#listover li").mousemove(function(){ this.className='over'}).mouseout(function(){ this.className='';})<\/script> <ul id="listover"> <li><\/li> <li><\/li> <li><\/li> <li><\/li> <\/ul>
js实现鼠标滑过显示二级菜单
onmouseover是鼠标移动到某元素执行的鼠标事件。onmousemove是鼠标在某元素上移动执行的事件。你先把这两个分清楚了，根据你的需求是 先获取你要鼠标滑过的元素 也就是产品介绍这个a元素,你给其设置一个id假如设置其为product 那么先获取他 var product=document.getElementById('product');再获取你要...
