百度首页 | 百度空间
 
查看文章
 
imgShow
2008年04月15日 星期二 22:39

<HTML>
<body>
<a href="www.sina.com" id="i" onmouseover="show(this)" onmouseout="hide()">免费电影</a>
<div id="m" style="BORDER-RIGHT:black 1px solid;PADDING-RIGHT:20px;BORDER-TOP:black 1px solid;PADDING-LEFT:20px;Z-INDEX:100;VISIBILITY:hidden;PADDING-BOTTOM:20px;BORDER-LEFT:black 1px solid;WIDTH:80px;PADDING-TOP:20px;BORDER-BOTTOM:black 1px solid;POSITION:absolute"
onmouseover="show(i)" onmouseout="hide()">
<img src="http://www.baidu.com/img/logo.gif"></img>
<a href="www.baidu.com">www.baidu.com</a><br>
<a href="www.baidu.com">www.baidu.com</a><br>
<a href="www.baidu.com">www.baidu.com</a><br>
<a href="www.baidu.com">www.baidu.com</a><br>
</div>

<script>
function show(o){
var m=document.getElementById("m")
m.style.pixelLeft=getL(o)
m.style.pixelTop=getT(o)+o.offsetHeight
m.style.visibility=''
}

function hide(){
document.getElementById("m").style.visibility='hidden'
}

function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
l+=e.offsetLeft;
}
return l
}

function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
return t
}
</script>
</body>
</HTML>



类别:asp.net_转载_自学 | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu