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

In - Chữ gợn sóng - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Mô phỏng » Chữ gợn sóng
URL: https://www.javascriptbank.com/wave-text-effect-script.html

Chữ gợn sóng © JavaScriptBank.comHiệu ứng tạo một cột chữ uốn lượn dạng gợn sóng trên trang web.

Phiên bản đầy đủ: jsB@nk » Chữ » Mô phỏng » Chữ gợn sóng
URL: https://www.javascriptbank.com/wave-text-effect-script.html



CSS
<STYLE type=text/css>H1 {FILTER: wave(add=0,freq=0,light=0,phase=0,strength=0); HEIGHT: 100px; POSITION: relative; WIDTH: 100px}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script>window.onload=main;var counter=0,c=0,c1=20;var globalCounter=0;var add=0,freq=0,light=0,phase=0,strength=0;function main(){ headers=document.getElementsByTagName('h1'); if(c<18) {  headers[counter].style.filter="wave(add="+[add]+",freq="+[freq+=1]+",light="+[light+=1]+",strength="+[strength+=1]+")";c++; } else if(counter<headers.length) { counter++; } else if(c1>0) { counter--;  headers[counter].style.filter="wave(add="+[add]+",freq="+[freq-=1]+",light="+[light-=1]+",strength="+[strength-=1]+")";c1--; } else if(globalCounter<1) {  counter=0;c=0;c1=20;add=0;freq=0;light=0;strength=0;globalCounter++; } setTimeout("main();",50);}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<H1>JavaScriptBank.com - Bank of over 2000+ free JavaScripts</H1><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->