跟随鼠标移动十字坐标显示,炫酷_QChart添加跟随鼠标的十字线资源-CSDN文库

共1个文件

html：1个

十字坐标显示

跟随鼠标

3星 · 超过75%的资源需积分: 47 169 浏览量 2018-03-01 09:20:11 上传评论 2 收藏 2KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

鼠标跟随十字坐标显示.zip （1个子文件）

鼠标跟随十字坐标显示

index.html 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标跟随十字JS特效代码</title> </head> <body style="margin: 0;"> <div id="html"></div> <script type="text/javascript"> // var ox = document.createElement('div'); var oy = document.createElement('div'); ox.style.width = '100%'; ox.style.height = '1px'; ox.style.backgroundColor = '#ddd'; ox.style.position = 'fixed'; ox.style.left = 0; document.body.appendChild(ox); oy.style.height = '100%'; oy.style.width = '1px'; oy.style.backgroundColor = '#ddd'; oy.style.position = 'fixed'; oy.style.top = 0; document.body.appendChild(oy); document.onmousemove = function(e){ var e = e || event; var x = e.pageX; var y = e.pageY; ox.style.top = y + 'px'; oy.style.left = x + 'px'; document.getElementById('html'). innerHTML = 'x : ' + x + '<br/>y : ' + y; }; </script> </body> </html>

评论收藏

内容反馈

fangmiya7258

2021-03-25

可以使用，文档齐全，还附带了相关软件，可以说是非常棒的一个资源了
前进中的小明

2019-03-29

就是一个网页没有代码

棒棒AIT
上传者
2019-04-03

如果你只是双击直接打开, 那我教你,需要用编辑器打开这个文件

棒棒AIT
上传者
2019-04-03

你用编辑器打开这个index.html 文件, 里边的 script 标签内就是相应的js代码.