<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">//e:注册事件;isShow:bool类型值;_id:div标签ID
function setPosition(e,isShow,_id){
var oDiv=document.getElementById(_id);
if(isShow){
var isIe=navigator.appName.indexOf("Microsoft")!=-1?true:false;
oDiv.style.top=isIe?event.clientY+"px":e.pageY+"px";
var iLeft=isIe?event.clientX-100:e.pageX;
//iLeft+=12;
oDiv.style.left=iLeft+"px";
if(isShow) oDiv.style.display="";
}
else
oDiv.style.display="none";
}
</script>
</head>
<body>
<div>
<a href="#" onclick="setPosition(event,true,\'d2\')">测试数据，请单击我2</a>
</div>
<div id="d2" style="position:absolute;width:100px;height:100px;border:solid 2px blue;top:100px;left:100px;display:none;background:#ffffff">
就是我啦！</div>
</body>
</html>
相关文章：
- div 显示滚动条与div显示隐藏的CSS代码 2021-09-27
- CSS鼠标悬浮DIV后显示DIV外的按钮 2021-12-01
- div动态显示iframe内容 2022-12-23
- Css + div 常用CSS标签及属性 2021-12-12
- Div和Span标签显示与隐藏 2021-11-03