»
EnglishFrenchVietnamese

Print - DHTML balloon-script - JavaScriptBank.com

Full version: jsB@nk » Pointer » DHTML balloon-script
URL: https://www.javascriptbank.com/dhtml-balloon-script-index.html

DHTML balloon-script © JavaScriptBank.comAnother script to create the image move around cursor. In example is a balloon.

Full version: jsB@nk » Pointer » DHTML balloon-script
URL: https://www.javascriptbank.com/dhtml-balloon-script-index.html



JavaScript
<script type="text/javascript">var Ver4=parseInt(navigator.appVersion.charAt(0))>=4var IE=navigator.appName.indexOf("Microsoft")!=-1var al, ex=-32, ey=-32, x0=-32, y0=-32  function BewegeAlien(){ // Neue Position des Alien berechnen  if (Math.abs(ex-x0)>=10)  { x0+=Math.floor((ex-x0)*0.1) }  else    if (ex!=x0)    { x0+=Math.abs(ex-x0)/(ex-x0) }  if (Math.abs(ey-y0)>=10)  { y0+=Math.floor((ey-y0)*0.1) }  else    if (ey!=y0)    { y0+=Math.abs(ey-y0)/(ey-y0) }  // Neu Position setzen  al.left=x0-82  al.top=y0  // Zeitverz”gerter Selbst-Aufruf  setTimeout("BewegeAlien();",100)}function MeinMausEvent(e){ // Position des Maus-Cursors ermitteln  if (Ver4)  { if (!IE)    { ex=e.pageX      ey=e.pageY }    else    { ex=event.clientX+document.body.scrollLeft      ey=event.clientY+document.body.scrollTop }  }}function ScriptSetup(){ // Globale Variablen setzen und Maus-Event initialisieren  if (Ver4)  { if (!IE)    { al=document.AlienLayer      document.captureEvents(Event.MOUSEMOVE)    }    else    { al=document.all.AlienLayer.style }    document.onmousemove = MeinMausEvent    BewegeAlien()  }}function ZeigeAlien(){ // Setzen der Block-Level Container zur Anzeige der Grafiken  if(Ver4)  { s ='<DIV STYLE="visibility:hidden"></DIV>'    s+='<DIV ID="AlienLayer" STYLE="position:absolute;'    s+='top:-32; left:-32; width:32; height:32">'    s+='<IMG NAME="alien" SRC="jc-ballo.gif" border=0></DIV>'    document.writeln(s)  }}window.onload = ScriptSetupZeigeAlien()</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/mouse/DHTML_balloon_script/jc-ballo.gif