Membuat Link Jadi Warna -Warni

Alhamdulilah ...sekarang fakir mau share lagi yaitu cara membuat javascript ,pada postingan terdahulu fakir sudah menerangkan sedikit Belajar membuat javascript ,Saat ini yang fakir punya adalah kode untuk membuat link warna warni ,Langsung saja anda lihat di bawah ini kodenya.

var rate = 20;<br>if (document.getElementById)<br>window.onerror=new Function("return true")<br><br>var objActive;<br>var act = 0;<br>var elmH = 0;<br>var elmS = 128;<br>var elmV = 255;<br>var clrOrg;<br>var TimerID;<br><br><br>if (document.all) {<br> document.onmouseover = doRainbowAnchor;<br> document.onmouseout = stopRainbowAnchor;<br>}<br>else if (document.getElementById) {<br> document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);<br> document.onmouseover = Mozilla_doRainbowAnchor;<br> document.onmouseout = Mozilla_stopRainbowAnchor;<br>}<br><br>function doRainbow(obj)<br>{<br> if (act == 0) {<br> act = 1;<br> if (obj)<br> objActive = obj;<br> else<br> objActive = event.srcElement;<br> clrOrg = objActive.style.color;<br> TimerID = setInterval("ChangeColor()",100);<br> }<br>}<br><br>function stopRainbow()<br>{<br> if (act) {<br> objActive.style.color = clrOrg;<br> clearInterval(TimerID);<br> act = 0;<br> }<br>}<br><br>function doRainbowAnchor()<br>{<br> if (act == 0) {<br> var obj = event.srcElement;<br> while (obj.tagName != 'A' && obj.tagName != 'BODY') {<br> obj = obj.parentElement;<br> if (obj.tagName == 'A' || obj.tagName == 'BODY')<br> break;<br> }<br><br> if (obj.tagName == 'A' && obj.href != '') {<br> objActive = obj;<br> act = 1;<br> clrOrg = objActive.style.color;<br> TimerID = setInterval("ChangeColor()",100);<br> }<br> }<br>}<br><br>function stopRainbowAnchor()<br>{<br> if (act) {<br> if (objActive.tagName == 'A') {<br> objActive.style.color = clrOrg;<br> clearInterval(TimerID);<br> act = 0;<br> }<br> }<br>}<br><br>function Mozilla_doRainbowAnchor(e)<br>{<br> if (act == 0) {<br> obj = e.target;<br> while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {<br> obj = obj.parentNode;<br> if (obj.nodeName == 'A' || obj.nodeName == 'BODY')<br> break;<br> }<br><br> if (obj.nodeName == 'A' && obj.href != '') {<br> objActive = obj;<br> act = 1;<br> clrOrg = obj.style.color;<br> TimerID = setInterval("ChangeColor()",100);<br> }<br> }<br>}<br><br>function Mozilla_stopRainbowAnchor(e)<br>{<br> if (act) {<br> if (objActive.nodeName == 'A') {<br> objActive.style.color = clrOrg;<br> clearInterval(TimerID);<br> act = 0;<br> }<br> }<br>}<br><br>function ChangeColor()<br>{<br> objActive.style.color = makeColor();<br>}<br><br>function makeColor()<br>{<br> <br> if (elmS == 0) {<br> elmR = elmV; elmG = elmV; elmB = elmV;<br> }<br> else {<br> t1 = elmV;<br> t2 = (255 - elmS) * elmV / 255;<br> t3 = elmH % 60;<br> t3 = (t1 - t2) * t3 / 60;<br><br> if (elmH < 60) {<br> elmR = t1; elmB = t2; elmG = t2 + t3;<br> }<br> else if (elmH < 120) {<br> elmG = t1; elmB = t2; elmR = t1 - t3;<br> }<br> else if (elmH < 180) {<br> elmG = t1; elmR = t2; elmB = t2 + t3;<br> }<br> else if (elmH < 240) {<br> elmB = t1; elmR = t2; elmG = t1 - t3;<br> }<br> else if (elmH < 300) {<br> elmB = t1; elmG = t2; elmR = t2 + t3;<br> }<br> else if (elmH < 360) {<br> elmR = t1; elmG = t2; elmB = t1 - t3;<br> }<br> else {<br> elmR = 0; elmG = 0; elmB = 0;<br> }<br> }<br><br> elmR = Math.floor(elmR).toString(16);<br> elmG = Math.floor(elmG).toString(16);<br> elmB = Math.floor(elmB).toString(16);<br> if (elmR.length == 1) elmR = "0" + elmR;<br> if (elmG.length == 1) elmG = "0" + elmG;<br> if (elmB.length == 1) elmB = "0" + elmB;<br><br> elmH = elmH + rate;<br> if (elmH >= 360)<br> elmH = 0;<br><br> return '#' + elmR + elmG + elmB;<br>}<br>

Semua kode di atas tadi silahkan di copy kemudian paste kan ke notepad simpan dengan nama ....contoh : link warna.js bila kurang jelas lihat gambar di bawah ini


Kalau sudah file js yang sudah jadi itu silahkan anda upload ke server mana pun yang penting dapet url nya recomend di google site saja ,dilain waktu akan fakir buatkan tutorialnya upload file di google site.
Ok ..fakir angap anda sudah selesai uploadnya nah setelah dapat link Urlnya dari server tempat anda mengupload file yang tadi dibuat yaitu file "link warna.js"

Fakir sudah punya link Urlnya : https://sites.google.com/site/kumpulanjs/file-js/linkwarna.js

Sekarang kita membuat Javascript nya agar bisa menjalankan file yang tadi di upload, Untuk menjalankan anda harus membuat sebuah perintah melalui script nah ini contoh scriptnya

<script type="text/javascript" src="....url anda........"> </script>

pada isian yang berwarna merah silahkan anda ganti dengan url anda

Atau kalau tidak mau repot silahkan pake saja url fakir yang sudah jadi ,Nanti jadinya seperti ini

<script type="text/javascript" src="https://sites.google.com/site/kumpulanjs/file-js/linkwarna.js"> </script>

Kalau sudah jadi silahkan di simpan di blog anda bisa di simpan di widget atau di masukan kedalam template (edit html ) .
Selesai..... semoga berguna untuk anda semua

Artikel Yang Berhubungan