javascript 鼠标移过链接时显示与隐藏层的有关问题
日期：2014-05-18 浏览次数：20662 次
javascript 鼠标移过链接时显示与隐藏层的问题。
想做一个效果，当鼠标移到一个产品的链接时显示该产品详细清单的层，现在遇到的问题是鼠标移过链接后该层就会立刻消失，我想要的效果是鼠标移过链接后该层不会马上消失，并且做出如下判断，假如鼠标移到了该层上，那么就终止该层的消失，如果鼠标不在该层上，那么消失。
目前代码如下，请大家帮忙：
<!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>
<title>javascript Test</title>
<script type="text/javascript">
function showMessage(){
document.getElementById("message").style.display="block";
}
function hiddenMessage(){
document.getElementById("message").style.display="none";
}
</script>
</head>
<body>
<span onmouseover="showMessage()" onmouseout="hiddenMessage()">显示产品详情</span>
<div id="message" style="display:none; width:200px; border:1px solid gray;">
<ul>
<li>这里是详细情况...</li>
<li>这里是详细情况...</li>
<li>这里是详细情况...</li>
<li>这里是详细情况...</li>
</ul>
</div>
</body>
</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>
<title>javascript Test</title>
<script type="text/javascript">
function showMessage(){
document.getElementById("message").style.display="block";
}
function hiddenMessage(){
document.getElementById("message").style.display="none";
}
</script>
</head>
<body>
<span onmouseover="showMessage()" onmouseout="hiddenMessage()">显示产品详情</span>
<div id="message" style="display:none; width:200px; border:1px solid gray;">
<ul>
<li>这里是详细情况...</li>
<li>这里是详细情况...</li>
<li>这里是详细情况...</li>
<li>这里是详细情况...</li>
</ul>
</div>
</body>
</html>
------解决方案--------------------
自己动手，丰衣足食，好同志！哇哈哈！赞个！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
