[Js]跟随鼠标移动的div

例子:鼠标移动到一块东西上,出现提示文本框,并且提示文本框跟着鼠标的位置动

document.onmouseover=function(ev){

var oEvent=ev||event;

var box=document.getElementById("box");

var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;        //前面是兼容非谷歌浏览器,后面是兼容谷歌浏览器

var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;

box.style.top=oEvent.clientX+scrollTop+'px';     //clientX,clientY是可视区的距离,一般来说用到clientX,clientY,就一定要加滚动距离

box.style.left=oEvent.clientY+scrollLeft+'px';

}

延伸例子:鼠标移动,一串小东西跟着动

分析:一堆div在同一个位置,后面一个div跟着前面一个div动,第一个div跟着鼠标动

[Js]跟随鼠标移动的div

window.onload=function(){

var div=document.getElementsByTagName("div");

var i;

document.onmousemove=function(ev){

var oEvent=ev||event;

for(i=div.length-1;i>0;i--){

div[i].style.left=div[i-1].style.left;

div[i].style.top=div[i-1].style.top;

}

div[0].style.left=oEvent.clientX+'px';

div[0].style.top=oEvent.clientY+'px';

};

}

上一篇:【单独编译使用WebRTC的音频处理模块 - android】


下一篇:更新Newtonsoft.Json后报异常,未能加载文件或程序集“Newtonsoft.Json