现在的位置: 首页 > 综合 > 正文

鼠标跟随的div

2013年10月18日 ⁄ 综合 ⁄ 共 1130字 ⁄ 字号 评论关闭

鼠标跟随的div

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

  <SCRIPT LANGUAGE="JavaScript">
  <!--
    function mOverPrompt(proValue){
    mEvnPrompt();
    document.all.Prompt.innerHTML = proValue;
    document.all.Prompt.style.visibility = "visible";
}

function mOutPrompt(){
    document.all.Prompt.style.visibility = "hidden";
}
//取得位置
function mEvnPrompt() {
   x=event.x;
   y=event.y;
if (document.body.scrollLeft||document.body.scrollTop)
   {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}

  document.all.Prompt.style.left = x+15;
  document.all.Prompt.style.top = y-60;

}

  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>

  <div id="Prompt"  style="border:1px solid red;HEIGHT: 75px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 117px"></div>

 </BODY>
</HTML>

【上篇】
【下篇】

抱歉!评论已关闭.