zoukankan html css js c++ java

js 获取坐标

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<ul>
<li>12345678</li>
<li>234567</li>
<li>1234567</li>
<li>456789</li>
<li>1234567</li>
</ul>
<div  id="mm" style=" position:fixed; margin-top:-100px; margin-left:30px;">
  <div style=" border-bottom:1px solid #999;border-left:1px solid #999; margin-left:100px; background-color:#FFF; margin-top:20px; overflow:hidden; 15px; height:15px;transform:rotate(45deg)"></div>
    <div style="200px; height:200px; border:1px solid #999; margin-left:108px; border-radius:10px; margin-top:-45px;"></div></div>
</body>
<script>
var bb=document.getElementsByTagName("li").length;
var aa=document.getElementsByTagName("li");
for(var i=0;i<bb;i++)
{
    aa[i].onmousemove=function(){
        
                document.onmousemove=function(e)
                { 
                    e=e? e:window.event;
                    var p=e.screenX;
                    var n=p+"px";
                    var t=e.screenY;
                    var to=t+"px"
                     document.getElementById("mm").style.display= "block";
                  //  document.getElementById("mm").style.left= n;
                    document.getElementById("mm").style.top= to;
                    
                      //    document.writeln("X:"+e.screenX+"Y:"+e.screenY);
            
                  }
        
        }
        
        
        aa[i].onmouseout=function(){
        
                document.onmousemove=function(e)
                {
                    e=e? e:window.event;
                    var p=e.screenX;
                    var n=p+"px";
                    var t=e.screenY;
                    var to=t+"px"
                   document.getElementById("mm").style.display= "none";
                      //    document.writeln("X:"+e.screenX+"Y:"+e.screenY);
            
                  }
        
        }
    
    
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<li>12345678</li>
<li>234567</li>
<li>1234567</li>
<li>456789</li>
<li>1234567</li>
<div id="mm" style=" position:fixed; margin-top:-100px; margin-left:30px;">
<div style=" border-bottom:1px solid #000;border-left:1px solid #000; margin-left:100px; background-color:#FFF; overflow:hidden; 20px; height:20px;transform:rotate(45deg)"></div>
<div style="100px; height:100px; border:1px solid #999; margin-left:110px; margin-top:-30px;"></div></div>
</body>
<script>
var bb=document.getElementsByTagName("li").length;
var aa=document.getElementsByTagName("li");
for(var i=0;i<bb;i++)
{
aa[i].onmousemove=function(){

document.onmousemove=function(e)
{ 
e=e? e:window.event;
var p=e.screenX;
var n=p+"px";
var t=e.screenY;
var to=t+"px"
document.getElementById("mm").style.display= "block";
// document.getElementById("mm").style.left= n;
document.getElementById("mm").style.top= to;

//    document.writeln("X:"+e.screenX+"Y:"+e.screenY);

}

}


aa[i].onmouseout=function(){

document.onmousemove=function(e)
{
e=e? e:window.event;
var p=e.screenX;
var n=p+"px";
var t=e.screenY;
var to=t+"px"
document.getElementById("mm").style.display= "none";
//    document.writeln("X:"+e.screenX+"Y:"+e.screenY);

}

}


}

 

</script>

</html>

查看全文

相关阅读:
MySQL面试题-基础
 IDEA 创建Spring项目后org.springframework.boot报错
 IDEA上传项目到SVN
解决：idea中右键项目找不到subversion
关于fromdata的上传文件问题
 PHP清除数组中为0的元素
 PHP删除数组中重复的元素
 PHP代码篇（六）--如何根据邀请人id查询满足条件的会员上级
 PHP对URL进行字符串编码
 PHP时间戳相互转换

原文地址：https://www.cnblogs.com/benpaodegegen/p/6407776.html

js 获取 坐标

js 获取坐标