マウスで表示レイヤを移動
2941 ワード
csdnの友達の答えから
http://bbs.csdn.net/topics/310199485
マウスが移動すると、レイヤが表示され、離れ、レイヤが非表示になり、以下のコードをhtmlとして保存すると効果が表示されます.
http://bbs.csdn.net/topics/310199485
マウスが移動すると、レイヤが表示され、離れ、レイヤが非表示になり、以下のコードをhtmlとして保存すると効果が表示されます.
<!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="">
</HEAD>
<script>
function over(obj,div,bol){
var rec=getoffset(obj);
div.style.top=rec[0]+obj.offsetHeight;
if(bol==true)
rec[1] -= 50;
div.style.left=rec[1];
div.style.display="block";
}
function out(div) {
div.style.display="none";
}
function getoffset(e) {
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent) {
t+=e.offsetTop;
l+=e.offsetLeft;
}
var rec = new Array(1);
rec[0] = t;
rec[1] = l;
return rec
}
</script>
<BODY>
<table>
<tr>
<td height="29" colspan="2" align="left" class="STYLE1">
<span class="STYLE5"><a href="javascript:void(0)" onmouseover="over(this,td0)" onmouseout="timer=setTimeout('out(td0)',0)"> （ )</a></span>
</td>
</tr>
<tr>
<div id="td0" align=left class="STYLE4" onmouseover="clearTimeout(timer);this.style.display='block'" onmouseout="out(this)" style=" font-size: 14px;background-color:#dee4eb; display:none; width:330px; position:absolute; padding:10px;">
1、 ；<br/>
2、 ；<br/>
3、 ， ， 。
</div>
</tr>
</table>
</BODY>
</HTML>