»
EnglishFrenchVietnamese

Print - Stretch-text - JavaScriptBank.com

Full version: jsB@nk » Pointer » Stretch-text
URL: http://www.javascriptbank.com/stretch-text.html

Stretch-text © JavaScriptBank.comThe text stretches towards your mouse pointer.

Full version: jsB@nk » Pointer » Stretch-text
URL: http://www.javascriptbank.com/stretch-text.html



CSS
<STYLE>DIV {CURSOR: crosshair}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=javascript>count=0;dlay=0;uitrekking=100;max=5;function move(){a.style.top=event.clientY*0.05;b.style.top=event.clientY*0.20;c.style.top=event.clientY*0.42;d.style.top=event.clientY*0.20;e.style.top=event.clientY*0.05;a.style.left=150+(event.clientX-350)*0.03;b.style.left=250+(event.clientX-350)*0.08;c.style.left=350+(event.clientX-350)*0.20;d.style.left=450+(event.clientX-350)*0.08;e.style.left=550+(event.clientX-350)*0.03;}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onmousemove=move()><FONT size=5><DIV id=a style="LEFT: 150px; COLOR: green; POSITION: absolute; TOP: 10px">h</DIV><DIV id=b style="LEFT: 250px; POSITION: absolute; TOP: 10px">e</DIV><DIV id=c style="LEFT: 350px; COLOR: brown; POSITION: absolute; TOP: 10px">l</DIV><DIV id=d style="LEFT: 450px; COLOR: red; POSITION: absolute; TOP: 10px">l</DIV><DIV id=e style="LEFT: 550px; COLOR: blue; POSITION: absolute; TOP: 10px">o</DIV><DIV id=ex style="FONT-SIZE: 30px; LEFT: 120px; VISIBILITY: hidden; POSITION: absolute; TOP: 8px"></DIV></FONT></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->