JavaScript的onmouseover的一些问题。。

在做一个标签管理的东东。一竖排<li>的标签。目标效果是当鼠标悬停在标签上时，<li>的右边出现删除按钮，点击删除就可以删除这个标签。删除按钮放入的位置是<li>标签<B... 在做一个标签管理的东东。一竖排<li>的标签。
目标效果是当鼠标悬停在标签上时，<li>的右边出现删除按钮，点击删除就可以删除这个标签。删除按钮放入的位置是<li>标签<Botton/></li>
可是现在遇到的问题是当鼠标从删除按钮外移到删除按钮上时，会触发<li>的onmouseover事件，鼠标来不及点击按钮按钮就消失了。。求高人解答。。
作业要求是不能用jquery的…T^T 展开

 我来答

3个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

百度网友0a64fe5
2011-05-07

知道答主

回答量：32

采纳率：0%

帮助的人：28.1万

我也去答题访问个人页

关注

展开全部

给你个很土的方法，html代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function deleteParent(self) {
var panel = document.getElementById("panel");
panel.removeChild(self.parentNode);
}
</script>
<style media="all" type="text/css">
.close {
margin-left : 80%;
display : none;
cursor : pointer;
}
li:hover .close{
color : #15428B;
border : #8DB2E3 1px solid;
display : inline;
}
li {
margin-top : 2px;
border : green 1px solid;
width : 30%;
line-height : 2em;
outline-width : 2em;
height : 30px;
}
</style>
<title></title>
</head>

<body>
<div id="panel">
<li>
test
<span class="close" onclick="deleteParent(this);">×</span>
</li>
<li>
test1
<span class="close" onclick="deleteParent(this);">×</span>
</li>
<li>
test2
<span class="close" onclick="deleteParent(this);">×</span>
</li>
<li>
test3
<span class="close" onclick="deleteParent(this);">×</span>
</li>
</div>
</body>
</html>

追问

这个代码我在chrome下测试好像也不行。。

追答

我刚刚测试了下在firefox4.0/ie8/Safari/Opera/Chrome下都能运行啊,就是样式有点不同。

本回答由提问者推荐

已赞过 已踩过<

评论收起

bfp3
2011-05-06 · TA获得超过295个赞

知道小有建树答主

回答量：608

采纳率：74%

帮助的人：307万

我也去答题访问个人页

关注

展开全部

哦，这个可以解决，你用jquery的hover，应该就可以了，查一下用法。
http://zzhi191.blog.163.com/blog/static/13508495201001451636432/

已赞过 已踩过<

评论收起

牧风MFMF
2011-05-07 · 11年资深Java软件工程师

牧风MFMF

采纳数：86 获赞数：324

向TA提问私信TA

关注

展开全部

你的代码逻辑有问题而已步骤都没问题请给出你的javascript代码不然没法帮你

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JavaScript的onmouseover的一些问题。。

为你推荐：