博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS里脱离文档流
阅读量:4652 次
发布时间:2019-06-09

本文共 558 字,大约阅读时间需要 1 分钟。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    
    img
    {
        position:absolute;/*完全脱离*/
        width:200px;
        height:150px;
        }
    </style>
    <script type="text/javascript">
        onload = function () {
            //第一步 脱离文档流  
            //第二步 设置事件
            document.onmousemove = function () {
                //第三步 设置坐标
                //获取图片
                var imObj = document.getElementById('im');
                imObj.style.left = window.event.clientX + 'px';
                imObj.style.top = window.event.clientY + 'px';
            };
        };
    
    </script>
</head>
<body>
    <img src="1.gif" id="im" />
</body>
</html>

转载于:https://www.cnblogs.com/dxmfans/p/9434864.html

你可能感兴趣的文章
uva 1451(树形结合)
查看>>
在C#环境中动态调用IronPython脚本(二)
查看>>
ASP.Net 重写IHttpModule 来拦截 HttpApplication 实现HTML资源压缩和空白过滤
查看>>
javascript时间格式转换
查看>>
wireshark in ubuntu
查看>>
为什么利率上升,债券价格下降?
查看>>
Linux常用的网络命令
查看>>
mysql的唯一索引
查看>>
Notepad++
查看>>
c语言第一次作业--分支 顺序结构
查看>>
一个PPT转H5的小工具
查看>>
java string 全角半角转换
查看>>
spring-boot:run启动报错
查看>>
多入参加法
查看>>
js 表单非空验证
查看>>
WebSocket是什么原理,为什么可以实现持久连接
查看>>
关于for of循环的用法和使用
查看>>
oracle的行转列和列转行
查看>>
AOJ 2249 Road Construction(Dijkstra+优先队列)
查看>>
BZOJ 1098 [POI2007]办公楼biu(反向图bfs+并查集优化)
查看>>