从品牌网站建设到网络营销策划,从策略到执行的一站式服务
今天就跟大家聊聊有关使用jQuery怎么获取当前鼠标位置并输出,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
创新互联专注于白云鄂网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供白云鄂营销型网站建设,白云鄂网站制作、白云鄂网页设计、白云鄂网站官网定制、小程序定制开发服务,打造白云鄂网络公司原创品牌,更为您提供白云鄂网站排名全网营销落地服务。
1.html
2.css
html, body { width: 100%; height: 100%; background: #A5CEDB; position: relative; } .newDiv { position: absolute; background: red; color: white; width: 100px; height: 50px; }
3.js
var movex; var movey; //用来接受鼠标位置的全局变量 function mousemove(e) { e = e || window.event; if(e.pageX || e.pageY) { movex = e.pageX; movey = e.pageY } creatDiv(movex, movey); } function creatDiv(x, y) { $(".newDiv").remove(); var str = ("" + x + "," + y + ""); $("body").append(str); $(".newDiv").css("left", x + "px").css("top", y + "px"); }
完整示例代码如下:
www.jb51.net js获取当前鼠标位置
看完上述内容,你们对使用jQuery怎么获取当前鼠标位置并输出有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图