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

In - Chữ kéo dãn-nén co - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » Chữ kéo dãn-nén co
URL: https://www.javascriptbank.com/strech-text-effect-script.html

Chữ kéo dãn-nén co © JavaScriptBank.comHiệu ứng tạo ra các dòng chữ như bị kéo dãn">kéo dãn ra rồi sau đó nén co lại.

Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » Chữ kéo dãn-nén co
URL: https://www.javascriptbank.com/strech-text-effect-script.html



CSS
<STYLE type=text/css>SPAN {BACKGROUND-COLOR: black; COLOR: white; FONT-SIZE: 20px; FONT-WEIGHT: bold; LETTER-SPACING: 2px; POSITION: relative; TOP: 0px; Z-INDEX: 1000}DIV {BACKGROUND-COLOR: black; COLOR: white; FONT-SIZE: 20px; FONT-WEIGHT: bold; LETTER-SPACING: 2px; POSITION: relative; TOP: 100px; Z-INDEX: 1000}</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 type=text/javascript><!--var m=50;var w=m;x=2,y=0,z=0;var time=20;var a="ANOTHER";var b="DIMENSION";  function start(){  if(x<=m){  var e=document.getElementById('sid0').style;/*increase letter-spacing (2-50)*/    e.letterSpacing=x;x+=1;}else if(y==0){/*Change inner text && set x to 2*/  x=2;   var e1=document.getElementById('sid0'); with(e1.style) {   fontWeight='bold';   fontSize='20'; letterSpacing=x; }    e1.innerHTML=a; y=1;}else if(z==0){/*Change inner text && set x to 2*/  x=2;   var e1=document.getElementById('sid0'); with(e1.style) {   fontWeight='bold';   fontSize='20'; letterSpacing=x; }    e1.innerHTML=b; z=1;}else {/*Decrease letter-spacing*/   e2=document.getElementById('sid0'); if(w>=2) {   e2.style.letterSpacing=w; w-=1; }time=40;}setTimeout('start();',time);}//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onload=start()><SPAN id=sid0>ENTER</SPAN></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->