问君能有几多愁,恰似一江春水向东流

          —什么叫绝望,也许就是这种看不到尽头的希望就叫绝望吧!
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

采用CSS+div动态显示div标签

Posted on 2008-01-19 13:09  sjdong  阅读(1533)  评论(2)    收藏  举报

<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>