美文网首页
js层跟随鼠标移动函数

js层跟随鼠标移动函数

作者: f675b1a02698 | 来源:发表于2017-09-13 08:32 被阅读0次

function badAD(html){

if(document.getElementById("styy"))return;

var aa=document.body.appendChild(document.createElement('div'));

aa.id="sttt";

var ad=aa.appendChild(document.createElement('div'));

ad.style.cssText="border:1px solid #ff6600;background:#ff5500;width:80px;height:32px;position:absolute;padding:4px 4px 4px 4px;font: 12px/1.5 verdana;";

ad.innerHTML=html||'This is bad idea!';

ad.id="styy";

var c=ad.appendChild(document.createElement('span'));

c.innerHTML="图片";

c.style.cssText="position:absolute;right:4px;top:2px;cursor:pointer";

//c.onclick=function (){

//    document.onmousemove=null;

//   this.parentNode.style.left='-99999px'

//};

document.onmousemove=function (e){

e=e||window.event;

var x=e.clientX,y=e.clientY;

setTimeout(function() {

//if(ad.hover)return;

if(x>1000){x=1000;}

if(y>600){y=600;}

ad.style.left=x+5+'px';

ad.style.top=y+5+'px';

},10)

}

//ad.onmouseover=function (){

//   this.hover=true

//};

//ad.onmouseout=function (){

//    this.hover=false

//}

}

//]]>

相关文章

网友评论

      本文标题:js层跟随鼠标移动函数

      本文链接:https://www.haomeiwen.com/subject/itogjxtx.html