title: Having issues with moving div
body: <p>I am trying to create a 300px by 300 px div box that moves with mouse. The only thing is when the visitor click on div it disappear. Any help would be greatly appreciated.</p>
  
  <blockquote>
    <p>if((document.getElementById) &amp;&amp; window.addEventListener ||
    window.attachEvent){  (function(){        var hairCol = "#ff0000";</p>
  
  <pre><code>  var d = document;       var my = -10;       var mx = -10;       var r;      var
  </code></pre>
    
    <p>vert = "";</p>
  
  <pre><code>  var idx = document.getElementsByTagName('div').length;
  
    var thehairs = "&lt;div id='theiframe' scrolling='no'
  </code></pre>
    
    <p>style='position:absolute;width:53px;height:23px;overflow:hidden;border:0;opacity:"
    + opacity +";filter:alpha(opacity=" + opacity * 100+ ");'>dsdsds";      document.write(thehairs);       var like =
    document.getElementById("theiframe");
          document.getElementsByTagName('body')[0].appendChild(like);</p>
  
  <pre><code>  var pix = "px";         var domWw = (typeof window.innerWidth ==
  </code></pre>
    
    <p>"number");        var domSy = (typeof window.pageYOffset == "number");</p>
  
  <pre><code>  if (domWw)          r = window;         else{           if (d.documentElement &amp;&amp;
  </code></pre>
    
    <p>typeof d.documentElement.clientWidth == "number" &amp;&amp;
    d.documentElement.clientWidth != 0)
                  r = d.documentElement;          else{
                  if (d.body &amp;&amp; typeof d.body.clientWidth == "number")
                      r = d.body;             }       }</p>
  
  <pre><code>          if(time != 0){          setTimeout(function(){
                    document.getElementsByTagName('body')[0].removeChild(like);
  
                    if (window.addEventListener){
                        document.removeEventListener("mousemove",mouse,false);
                    }  
                    else if (window.attachEvent){
                        document.detachEvent("onmousemove",mouse);
                    }
                }, time);       }
  
    function scrl(yx){          var y,x;            if (domSy){
            y = r.pageYOffset;
            x = r.pageXOffset;          }           else{
            y = r.scrollTop;
            x = r.scrollLeft;           }           return (yx == 0) ? y:x;         }
  
    function mouse(e){          var msy = (domSy)?window.pageYOffset:0;             if
  </code></pre>
    
    <p>(!e)
                  e = window.event;               if (typeof e.pageY == 'number'){
                  my = e.pageY - 5 - msy;
                  mx = e.pageX - 4;           }           else{
                  my = e.clientY - 6 - msy;
                  mx = e.clientX - 6;             }           vert.top = my + scrl(0) + pix;          vert.left = mx + pix;       }</p>
  
  <pre><code>  function ani(){             vert.top = my + scrl(0) + pix;          setTimeout(ani,
  </code></pre>
    
    <p>300);         }</p>
  
  <pre><code>  function init(){            vert =
  </code></pre>
    
    <p>document.getElementById("theiframe").style;           ani();      }       if
    (window.addEventListener){
              window.addEventListener("load",init,false);
              document.addEventListener("mousemove",mouse,false);         }           else if
    (window.attachEvent){             window.attachEvent("onload",init);
              document.attachEvent("onmousemove",mouse);      }</p>
    
    <p>})();</p>
  </blockquote>
  
  <p>}//End.</p>