js層跟隨鼠標移動函數(shù)


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

//}

}

//]]>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,842評論 2 17
  • 1. tab列表折疊效果 html: 能源系統(tǒng)事業(yè)部 崗位名稱: 工作地點 崗位名...
    lilyping閱讀 1,899評論 0 1
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創(chuàng)建,需要時才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,103評論 1 10
  • 天藍藍~云悠悠~,數(shù)學中的游戲,游戲中的數(shù)學。 水稻收割中~ 遠足田間散步~ 毛毛蟲~ 烹飪課~ 蒙眼打南瓜~
    相東閱讀 313評論 0 1
  • 已是午夜時分。 睡夢中,混沌不堪,身體和靈魂仿佛脫離,仿佛在異次空間,思維抽離,連呼吸變得微弱。 驚恐夾雜著窒息感...
    13先生_閱讀 297評論 4 4