首页 >

javascript DIV跟随鼠标移动【javascript】

web前端|js教程javascript DIV跟随鼠标移动【javascript】
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
          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      };    };    









































































































现在为大家分享的是javascript 一串DIV跟随鼠标移动
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';      };    };      

  • 暂无相关文章