js跟随鼠标弹出div问题

我现在有两个问题需要解决，第一个是页面加载后第一次把鼠标移上去div弹出内容没有，第二个是stock显示的值永远是上一个的，哪位帮帮我，感激不尽！
<!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>
<style type="text/css">
#popitmenu { position: absolute; background-color: white; border:1px solid black; font: normal 12px Verdana; line-height: 18px; z-index: 100; visibility: hidden; }
#popitmenu a { text-decoration: none; padding-left: 6px; color: black; display: block; }
#popitmenu a:hover { /*hover background color*/ background-color: #CCFF9D; }
</style>
<script type="text/javascript">
var defaultMenuWidth="150px"
var linkset=new Array()
var ie5=document.all && !window.opera;
var ns6=document.getElementById;
function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body;
}
if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>');function showmenu(e, which, optWidth,stock){
iecompattest();
//alert(stock);
linkset[0]='<a href="#" onclick="showurl('+stock+')">查看明细</a>';
var stockgs;
 if (stock > 0 && stock < 300000)
            {
                stockgs= "SZ";
            }
            else if (stock > 400000 && stock < 700000)
            {
                stockgs= "SH";
            }
            else if (stock > 899999 && stock < 1000000)
            {
                stockgs= "SH";
            }
            else
            {
                stockgs= "SZ";
            }
           
linkset[0]+='<a href="app:hcode['+stockgs+':'+stock+']">切换到K线</a>';
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
if (rightedge<menuobj.contentwidth)
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false}function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}if (ie5||ns6)
document.onclick=hidemenu
</script>
</head>
<body>
<table>
<tr>
<td>
  <a href="#" onmouseover='showmenu(event,linkset[0], "180px","aaa")' onmouseout="delayhidemenu()">
  aaa</a>
</td>
</tr>
<tr>
<td>
<a href="#" onmouseover='showmenu(event,linkset[0], "180px","bbb")' onmouseout="delayhidemenu()">
  bbb</a>
</td>
</tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <!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>
    <style type="text/css">
    #popitmenu { position: absolute; background-color: white; border:1px solid black; font: normal 12px Verdana; line-height: 18px; z-index: 100; visibility: hidden; }
    #popitmenu a { text-decoration: none; padding-left: 6px; color: black; display: block; }
    #popitmenu a:hover { /*hover background color*/ background-color: #CCFF9D; }
    </style></head>
    <body>
    <table>
    <tr>
    <td>
      <a href="#" onmouseover='showmenu(event, "180px","aaa")' onmouseout="delayhidemenu()">
      aaa</a>
    </td>
    </tr>
    <tr>
    <td>
    <a href="#" onmouseover="showmenu(event, '180px','bbb')" onmouseout="delayhidemenu()">
      bbb</a>
    </td>
    </tr>
    </table>
    <script type="text/javascript">
    var defaultMenuWidth="150px"
    var linkset=''
    var ie5=document.all && !window.opera;
    var ns6=document.getElementById;
    function iecompattest(){
    return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body;
    }
    if (ie5||ns6)
    document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>');function showmenu(e, optWidth,stock){

    iecompattest();
    //alert(stock);
    linkset='<a href="#" onclick="showurl('+stock+')">查看明细</a>';
    var stockgs;
     if (stock > 0 && stock < 300000)
      {
      stockgs= "SZ";
      }
      else if (stock > 400000 && stock < 700000)
      {
      stockgs= "SH";
      }
      else if (stock > 899999 && stock < 1000000)
      {
      stockgs= "SH";
      }
      else
      {
      stockgs= "SZ";
      }
        
    linkset+='<a href="app:hcode['+stockgs+':'+stock+']">切换到K线</a>';
    if (!document.all&&!document.getElementById)
    return
    clearhidemenu()
    menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
    menuobj.innerHTML=linkset
    menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
    menuobj.contentwidth=menuobj.offsetWidth
    menuobj.contentheight=menuobj.offsetHeight
    eventX=ie5? event.clientX : e.clientX
    eventY=ie5? event.clientY : e.clientY
    var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
    var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
    if (rightedge<menuobj.contentwidth)
    menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
    else
    menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
    if (bottomedge<menuobj.contentheight)
    menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
    else
    menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
    menuobj.style.visibility="visible"
    return false}function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }function hidemenu(){
    if (window.menuobj)
    menuobj.style.visibility="hidden"
    }function dynamichide(e){
    if (ie5&&!menuobj.contains(e.toElement))
    hidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    hidemenu()
    }function delayhidemenu(){
    delayhide=setTimeout("hidemenu()",500)
    }function clearhidemenu(){
    if (window.delayhide)
    clearTimeout(delayhide)
    }if (ie5||ns6)
    document.onclick=hidemenu
    </script>
    </body>
    </html>