»
Tiếng AnhTiếng PhápTiếng Việt

In - Kéo dãn chữ bằng chuột - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Con trỏ » Kéo dãn chữ bằng chuột
URL: https://www.javascriptbank.com/stretch-text.html

Kéo dãn chữ bằng chuột © JavaScriptBank.comHiệu ứng sẽ kéo dãn">kéo dãn một dòng chữ khi người dùng di chuyển">di chuyển con trỏ chuột.

Phiên bản đầy đủ: jsB@nk » Con trỏ » Kéo dãn chữ bằng chuột
URL: https://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-->