»
EnglishFrenchVietnamese

Print - Elastic band trail - JavaScriptBank.com

Full version: jsB@nk » Pointer » Trailer » Elastic band trail
URL: https://www.javascriptbank.com/elastic-band-trail.html

Elastic band trail © JavaScriptBank.comUsing VML (vectored graphics) to generate the 'string' interface and DHTML to then animate it, this script creates an 'elastic band' trail for your mouse. Fling it around and watch it bounce back. VML is a IE5+ exclusive technology, so this script is visible only in IE5+. Ah what will they think of next?

Full version: jsB@nk » Pointer » Trailer » Elastic band trail
URL: https://www.javascriptbank.com/elastic-band-trail.html



CSS
<STYLE>v\:* { BEHAVIOR: url(#default#VML)}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language="JavaScript1.2">//Elastic band trail//By Elastic_Ouille_script@GHindoute.net//Thanks to MP1515 <MP1515@aramette.net> for all Mathematical modelvar stringcolor="black" //SPECIFY STRING COLORvar ballsrc="../image/hole.gif" //SPECIFY URL TO BALL IMAGE///No editing required below this line//////////////////////////if (document.all&&window.print){document.write('<IMG id=Om style="LEFT: -10px; POSITION: absolute" src="'+ballsrc+'">')ddx=0;ddy=0;PX=0;PY=0;xm=0;ym=0OmW=Om.width/2;OmH=Om.height/2}function Ouille(){ x=Math.round(PX+=(ddx+=((xm-PX-ddx)*3)/100)) y=Math.round(PY+=(ddy+=((ym-PY-ddy)*3-300)/100)) Om.style.left=x-OmW Om.style.top=y-OmH elastoc.to=x+","+y //elastoc.strokecolor="RGB("+x+","+(2*y)+",0)" elastoc.strokecolor=stringcolor setTimeout("Ouille()",1)   }function momouse(){ xm=window.event.x+5 ym=window.event.y+document.body.scrollTop+15 elastoc.from=xm+","+ym}if(document.all&&window.print){code="<v:line id=elastoc style='LEFT:0;POSITION:absolute;TOP:0' strokeweight='1.5pt'></v:line>"} else {code="<v:group style='LEFT:-10;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' coordsize='21600,21600'><v:line id=elastoc style='LEFT:0;WIDTH:100pt;POSITION:absolute;TOP:0;HEIGHT:100pt' strokeweight='1.5pt'></v:line></v:group>"}if(document.all&&window.print){document.body.insertAdjacentHTML("afterBegin",code)document.onmousemove=momouseOuille()}</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/background/hole.gif