topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-image-stubborn-effect.htm / htm



  
  <!-- ONE STEP TO INSTALL STUBBORN IMAGE:
  
    1.  Copy the coding into the HEAD of your HTML document  -->
  
  <!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->
  
  <HEAD>
  
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Original:  Kien Caoxuan (kcaoxuan@caoxuan.com) -->
  <!-- Web Site:  http://www.caoxuan.com/ -->
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  N = (navigator.appName.indexOf("Netscape") != -1);
  M = (navigator.appName.indexOf("Microsoft") != -1);
  Vis = new Array();
  Vis[0] = (M) ? "hidden":"hide";
  Vis[1] = (M) ? "visible":"show";
  function GetDiv(divId, divY, divX, divW, divH, bCol, visb, zInd) {
  bkCol = (bCol != "")?((N)?" bgColor = "+bCol:";background:"+bCol):"";
  DivTyp = (M) ? "<DIV" : "<LAYER";
  if(M) {
  Styl = " ID="+divId+" style = 'position:absolute; top:"+divY+"; left:"+divX+"; width:"+divW+"; height:"+divH+bkCol+"; visibility:"+Vis[visb]+"; z-index:"+zInd+"'>";
  }
  if(N) {
  Styl = " ID = "+divId+" top = "+divY+" left = "+divX+" width = "+divW+" height = "+divH+bkCol+" visibility = "+Vis[visb]+" z-index = "+zInd+">";
  }
  document.writeln(DivTyp+Styl);
  }
  function EndDiv() {
  (M)? document.writeln("</DIV>"): document.writeln("</LAYER>");
  }
  GetDiv('Obj', 300, 300, 20, 20, '', 1, 0);
  document.write("<img src=http://javascript.internet.com/img/logo.gif width=100 height=40>");
  EndDiv();
  if(document.layers) document.captureEvents(Event.MOUSEMOVE);
  document.onmousemove = newPos;
  function newPos(e) {
  X = (navigator.appName.indexOf("Microsoft") != -1)?event.clientX:e.pageX;
  Y = (navigator.appName.indexOf("Microsoft") != -1)?event.clientY:e.pageY;
  Xo = parseInt((M)?document.all.Obj.style.left:document.Obj.left);
  Yo = parseInt((M)?document.all.Obj.style.top:document.Obj.top);
  if(Math.abs(X - Xo) < 50 && Math.abs(Y - Yo) < 50) {
  if(M) {
  document.all.Obj.style.left = Math.floor(Math.random() * 400);
  document.all.Obj.style.top = 100 + Math.floor(Math.random() * 300);
  }
  if(N) {
  document.Obj.left = Math.floor(Math.random() * 700);
  document.Obj.top = Math.floor(Math.random() * 500);
        }
     }
  }
  //  End -->
  </script>
  
  <p><center>
  <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  2.28 KB -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.