8.11.11

JavaScript Link for Rainbow Effect

Efek pelangi atau orang lebih mengenalnya dengan istilah rainbow. Dengan memberikan efek warna-warni tentu akan memberi kesan tersendiri. Tapi tahukah sobat, ada sebuah javascript yang bisa menghasilkan efek rainbow kepada seluruh font, dan huruf tersebut akan berubah full color :)

DEMO JAVASCRIPT RAINBOW

Klik link tersebut, dan lihat apa yang terjadi. Karena script ini berkerja memanggil keseluruhan, maka ketika beraksi akan merubah struktur posisi template. Tapi jika kita refresh kembali, akan kembali ke semula :D
<a href='javascript: websafe_arr = new Array( "00", "33", "66", "99", "CC", "FF" ); psychedelia = function( ele ) { if (ele.nodeType == 3) {  var txt = trimWhitespace( ele.nodeValue ); if (txt.length > 0){ var txt_arr = txt.split(" ");var parNode = ele.parentNode;parNode.removeChild( ele );var newNode = document.createElement("span");for (var i=0;i<txt_arr.length;i++){var sp = document.createElement("span");var tx = document.createTextNode( txt_arr[i]+" " );sp.appendChild( tx );var col = "#";for (var j=0;j<3;j++) { col += websafe_arr[Math.floor(Math.random()*6)]; } sp.style.color = col; newNode.appendChild(sp); } parNode.appendChild( newNode ); } } else if (ele.childNodes.length != 0) { var nodes_arr = ele.childNodes; for (var i=0; i<nodes_arr.length; i++) { arguments.callee( nodes_arr[i] ); } } }; trimWhitespace = function (str) { if (typeof(str) != "string") { return str; } while( str.substring(0,1)==" "||str.substring(0,1)=="\t"||str.substring(0,1)=="\n") { str = str.substring(1); } while( str.substring(-1)==" "||str.substring(-1)=="\t"||str.substring(-1)=="\n") { str = str.substring(0,(str.length-1)); } return str; }; var body_arr = document.getElementsByTagName("body"); psychedelia( body_arr[0] );'>Rainbow Text</a>
Phrase/encode terlebih dahulu javascript tersebut, baru pasangkan ke mana saja sobat suka.
Semoga bermanfaat ☺

Loading...
Loading...