javascript,DIV跟随鼠标移动
web前端-js教程
首先介绍的是一个div跟随鼠标移动的效果,具体代码如下网页多人在线游戏源码,ubuntu 文泉驿,tomcat与数据库的连接,appium微信爬虫,能播放PHP网页的播放器,seo怎么惩罚lzw
javascript div跟随鼠标移动微信开发系统开源源码,vscode运行js文件nod,ubuntu 80端口,win8配置tomcat,sqlite delte,网页设计软件 ipad,php只格式化数据库的时间,香港动态服务器,ecshop完美支持兼容jquery插件,polymer前端框架,爬虫作弊,strpos php,在线seo外链工具,springboot环境解读,织梦 判断 栏目 标签,聚美优品官网站,开源网页视频播放器,慈善公益网站模板,dede后台登陆密码,js注册登录页面验证,数字校园管理系统 源码,开源网格划分程序lzw
现在为大家分享的是javascript 一串DIV跟随鼠标移动window.onload = function () { var div1 = document.getElementById('div1'); document.onmousemove = function (ev) { //IE支持event,firefox不支持 var oEvent = ev || event; // var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; div1.style.top = oEvent.clientY + scrollTop + 'px'; //Y div1.style.left = oEvent.clientX + scrollLeft + 'px';//X }; };
qt 调试 源码,vscode分屏展示,ubuntu 手柄,tomcat看版本,网络访问sqlite3,linux WordPress上传插件需要ftp,微信开发前端使用什么框架,爬虫公司的套路和技巧,支付宝php接口开发,宁波seo费用多少,购物网站 java,qq网页在线临时对话源码,展览网站模板大全lzw
div { width: 2px; height: 2px; background-color: red; position: absolute; } window.onload = function () { var oDivs = document.getElementsByTagName('div'); document.onmousemove = function (ev) { var oEvent = ev || event; document.getElementsByTagName('span')[0].innerHTML = oEvent.clientY + '|' + oEvent.clientX; for (var i = oDivs.length-1; i > 0; i--) { oDivs[i].style.top = oDivs[i - 1].style.top; oDivs[i].style.left = oDivs[i - 1].style.left; } oDivs[0].style.top = oEvent.clientY+'px'; oDivs[0].style.left = oEvent.clientX + 'px'; }; };