title的DIV特效

作者:佚名 来源:本站整理 发布时间:2007-9-21 1:03:50

function showdiv(event,dscpid)  
...{  
  
  var el, x, y;  
  el = document.getElementById(dscpid);  
  
  if (window.event) ......{  
    x = window.event.clientX + document.documentElement.scrollLeft  
        + document.body.scrollLeft;  
    y = window.event.clientY + document.documentElement.scrollTop +  
        + document.body.scrollTop;  
  }  
  else ......{  
    x = event.clientX + window.scrollX;  
    y = event.clientY + window.scrollY;  
  }  
  x += 6; y += 6;  
  el.style.left = x + "px";  
  el.style.top  = y + "px";  
  el.style.display = "";  
}  
function hiddendiv(event,dscpid)  
...{  
  var el;  
  el = document.getElementById(dscpid);  
  el.style.left = "0px";  
  el.style.top  = "0px";  
  el.style.display = "none";  
}

<a onMouseOver="showdiv(event,'964270')" onMouseOut="hiddendiv(event,'964270')" href="#">卜志</a>  
     <div  id='964270' style='position:absolute;top:0px;left:0px;display:none'>  
             <table width="260" cellspacing="1" cellpadding="4">  
    <tr>  
    <td width="40" align="center">  
                     <img src="http://www.warlord.cn/skinv2/skin/default/heroes/10.gif"; width="32px" height="32px" />  
                     </td>  
    <td>卜志<br> 统帅:27 勇武: 18智慧:26 魅力:22  
    </td>  
    </tr>  
               </table>  
       </div>