<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var sha=document.createElement("div");
var tinmouto,titex,urlrs;
//创建
function go_(textname,url)
{
titex=textname;
urlrs=url;
var top__=Position.getElementTop(textname) ,left__=Position.getElementLeft(textname);
sha.attachEvent("onmouseout",remodrdletdiv);
问题在这里:加了onmouseout不管用
//sha.onmouseout=function(){
 //remodrdletdiv();
//}
sha.onmouseover=function(){
go_(textname,url);
}
var textinfo;
switch(textname)
{
case  "前沿观察":
textinfo="提示内容";
break;
case "传媒风云人物聚焦":
textinfo="《提示内容";
break;
case "传媒论苑":
textinfo="《提示内容。";
break;
case "经典案例":
textinfo="提示内容";
break;
case "市场分析":
textinfo="《提示内容";
break;
case "媒介探索互动":
textinfo="提示内容";
break;
}
sha.style.cssText="display:block;text-align:left;border:1px solid;background:#2F3906;text-align:center;padding:3px 3px;font-size:12px;background:#DDF286;position:absolute;top:"+ (top__+20) +"px;left:"+ (left__+2) +"px;width:300px;height:80px;"
sha.innerHTML="<span onclick='remodrdletdiv();' style='float:right;width:20px;margin-left:200px;cursor:pointer; font-weight:bold;font-size:14px'>x</span><br>"+textinfo+"<br/><a href='"+url+"' style='float:right;width:50px;margin-left:170px;cursor:pointer; font-weight:bold'>进入</span>";
document.body.insertBefore(sha,document.body.firstChild);
}
//移除
function remodrdletdiv()
{
sha.style.cssText="display:none;position:absolute;";
//document.body.removeChild(sha);
}
//******定位器开始Browser check********
//------------------------------------------------------------
var Position = {
getElementLeft : function(o)
{
(typeof o == "string") ? o = document.getElementById(o) : "";
var L = 0;
while (o)
{
L += o.offsetLeft || 0;
o = o.offsetParent;
}
return L;
},
getElementTop : function(o)
{
(typeof o == "string") ? o = document.getElementById(o) : "";
var T = 0;
while (o)
{
T += o.offsetTop || 0;
o = o.offsetParent;
}
return T;
}
};
</script>
</head><body>
<table id="jpdh">
<tr>
<td>
<span id="前沿观察" onmouseover="go_('前沿观察','http://www.sm114.com.cn')" onmouseout="remodrdletdiv()">前沿观察</span>=d===<span id="传媒风云人物聚焦" onmouseover="go_('传媒风云人物聚焦','http://www.g.cn')" onmouseout="remodrdletdiv()">传媒风云人物聚焦</span>
</td>
</tr>
</table></body>
</html>
上面可以打开提示框显示出来,问题是我退出提示框后关上不上,我加了onmouseout不能用,请高手帮助啊感谢谢

解决方案 »

  1.   

    onmouseout方法起到作用了, 
    你把提示框的位置向下移动一些就应该OK了!
      

  2.   

    function go_(textname,url) 

    titex=textname; 
    urlrs=url; 
    var top__=Position.getElementTop(textname) ,left__=Position.getElementLeft(textname); 
    sha.attachEvent("onmouseout",remodrdletdiv); 
    问题在这里:加了onmouseout不管用 
    //sha.onmouseout=function(){ 
    //remodrdletdiv(); 
    //}
     
    sha.onmouseover=function(){ 
    go_(textname,url); 

    var textinfo; 
    switch(textname) 

    case  "前沿观察": 
    textinfo="提示内容"; 
    break; 
    case "传媒风云人物聚焦": 
    textinfo="《提示内容"; 
    break; 
    case "传媒论苑": 
    textinfo="《提示内容。"; 
    break; 
    case "经典案例": 
    textinfo="提示内容"; 
    break; 
    case "市场分析": 
    textinfo="《提示内容"; 
    break; 
    case "媒介探索互动": 
    textinfo="提示内容"; 
    break; 

    红色的代码放到这里,拿到_go的外面
      

  3.   

    额不对,ff可以,ie不行,估计是事件流处理上的问题,ie不支持捕获。ls说的对你的层不能覆盖表格,要不只会执行表格的事件,不会执行层的相关事件;
      

  4.   

    这样写哦。
    if(sha.attachEvent){
       sha.attachEvent("onmouseout",remodrdletdiv); 
    }else if(sha.addEventListener){
       obj.addEventListener("mouseout",remodrdletdiv,false);//第三个参数表示是否使用捕捉
    }
      

  5.   

    感谢大家回答,不过都不能用在我现在这程序这中,我自已解决了,就是把
    -----
    sha.attachEvent("onmouseout",remodrdletdiv); 
    删去以下的就可以了再给扭加上onmouseover事件,算是奇怪方法,在IE下正常能用,问题解决了. xxxxxxxxxxxxxxx
    问题在这里:加了onmouseout不管用 
    //sha.onmouseout=function(){ 
    //remodrdletdiv(); 
    //} 
    sha.onmouseover=function(){ 
    go_(textname,url); 

    xxxxxxxxxxxxx