js层跟随鼠标移动函数


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

//}

}

//]]>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,387评论 2 17
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,891评论 0 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,445评论 1 10
  • 天蓝蓝~云悠悠~,数学中的游戏,游戏中的数学。 水稻收割中~ 远足田间散步~ 毛毛虫~ 烹饪课~ 蒙眼打南瓜~
    相东阅读 2,507评论 0 1
  • 已是午夜时分。 睡梦中,混沌不堪,身体和灵魂仿佛脱离,仿佛在异次空间,思维抽离,连呼吸变得微弱。 惊恐夹杂着窒息感...
    13先生_阅读 2,256评论 4 4

友情链接更多精彩内容