这个js 怎么写？

2010-01-14 09:00:14 175 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

liupeng6899319 墨衍会员 · AI 创作全网分发关注 + 加入社区

Netapp FAS2750更换磁盘后不同步问题处理 netapp fas2750磁盘更换后不同步问题处理阅读详情





 

<html>

<head>

    <title>testing...</title> 

</head>

<body style="text-align:center;">



    <center>

        x:<input type="text" id="x_id" value="" />

        y:<input type="text" id="y_id" value="" />

    </center>

    <!-- 

        body 中的 text-align:center;

        以及

        div 中的 margin:0px auto;

        是为了让 div 居中

    -->

    <div id="div_1" onMouseOver="showTip(event)" onMouseOut="hideTip()" 

        style="margin:0px auto;text-align:left;width:600px;height:60px;background-color:#DFE8F6;">

		<a href="www.baidu.com">我晕我怎么不行呢？</a>

        与其在悬崖上展览千年，不如在爱人肩头痛哭一晚。<br />

        那弯弯的一轮新月，分明暗示着：怀抱着未来的圆满。<br />

    </div>

    <div id="div_2" style="position:absolute;text-align:left;background-color:#808080;">

        生如夏花之灿烂<br />

        死如秋叶之静美<br />

        换我心，为你心，此知相忆深。<br />

    </div>

    

</body>

<script type="text/javascript">

function showTip(evt){

    evt = evt || window.event;

    var x,y;

    if(evt.pageX || evt.pageY){

        // firefox

        x = evt.pageX;

        y = evt.pageY;

    }else{

        // ie 

        x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;

        y = evt.clientY + document.body.scrollTop - document.body.clientTop;

    }

    //

    document.getElementById("x_id").value = x;

    document.getElementById("y_id").value = y;

    // 获取 div_1 的左下角坐标

    var div_el = document.getElementById("div_1");

    var div_left = div_el.offsetLeft;

    var div_top = div_el.offsetTop + div_el.offsetHeight;

    // 设置 div_2 的 左上角坐标

    var div_tip = document.getElementById("div_2"); 

    div_tip.style.display = ''; 

    div_tip.style.left = div_left + "px";

    div_tip.style.top = div_top + "px";

}

function hideTip(){

    var div_tip = document.getElementById("div_2"); 

    div_tip.style.display = 'none';

}

</script>

</html>