导航栏

最新推荐文章于 2020-11-25 00:12:31 发布

kongnge

最新推荐文章于 2020-11-25 00:12:31 发布

阅读量765

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/wds555/article/details/9080281

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<script language="javascript">
    var step = 1;
    var temp;
    var div;
	function promptdiv(event,divid){
        div = document.getElementById(divid); 
		div.style.display=div.style.display=="none"?"block":"none";   
        if(step == 1){
            div.style.marginLeft = event.offsetX  ; 
            div.style.marginTop  = event.offsetY  ;
            div.style.width      =  '0px';
            div.style.height     =  '0px';
        }
        if(div.style.marginLeft.length == 0 || div.style.marginTop.length == 0){
            div.style.marginLeft = event.offsetX  ; 
            div.style.marginTop  = event.offsetY  ;                  
        } 
        div.style.width  = '700px';
        div.style.marginLeft = 200  ; 
    }     
</script>
</head>
<body>
<div id="mydiv1" style="display:none; background-color:#F6F5F0; width:0px; height:0px; position:absolute; ">
<table><TR>
	<td width="25"></td>
	<TD>
		姓名：<BR>
		性别：<BR>
		民族：<BR>
		文化程度：<BR>
		政治面貌：<BR><BR>
	</TD></TR>
</Table>
</div>
<div id="mydiv2" style="display:none; background-color:#F6F5F0; width:0px; height:0px; position:absolute;">
<table><TR>
	<td width="25"></td>
	<TD><BR> 
		姓名：<BR>
		性别：<BR>
		民族：<BR><BR>
	</TD></TR>
</Table>
</div>
<TABLE align=center width="90%">
	<TR><TD>
		<a href="#1" οnmοuseοver="promptdiv(event,'mydiv1')" οnmοuseοut="promptdiv(event,'mydiv1')">班长</a>
	</TD></TR>
	<TR></TR><TR></TR>
	<TR><TD>
		<a href="#" οnmοuseοver="promptdiv(event,'mydiv2')" οnmοuseοut="promptdiv(event,'mydiv2')">团支书</a>
	</TD></TR>
	<TR></TR><TR></TR>
</TABLE>
</body>
</html>

kongnge

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
导航栏

var step = 1; var temp; var div; function promptdiv(event,divid){ div = document.getElementById(divid); div.style.display=div.style.display=="none"?"block":"none";
复制链接

扫一扫

专栏目录