Wednesday, 14 March 2012

Link kedap kedip Efek Dengan Javascript

Standard
Hai untuk hari ini saya sharring tentang Cara membuat link kedap kedip dengan javascript.kamu bisa download filenya dilink bawah ya:
http://www.4shared.com/document/wdSdbj69/Link_JS.html


hasilnya seperti ini :

Atau gunakan code di blogger dengan tambah widget di rancangan.

Copas Code ini ya:
<script type ="text/javascript">
<!-- ;
// Setting
//- SPEED CAN BE CHANGED HERE -
var rate = 40; // Increase-Decrease amount ( Higher=Faster )
// - DO NOT ALTER BELOW -
// Main routine
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{ if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != "A" && obj.tagName != "BODY") {
obj = obj.parentElement;
if (obj.tagName == "A" || obj.tagName == "BODY")
break;
}
if (obj.tagName == "A" && obj.href != "")
{ objActive = obj;
act = 1; clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == "A") {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != "A" && obj.nodeName != "BODY") {
obj = obj.parentNode;
if (obj.nodeName == "A" || obj.nodeName == "BODY")
break;
}
if (obj.nodeName == "A" && obj.href != "") {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == "A") {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// HSVtoRGB
if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;
elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) { elmG = t1;
elmB = t2;
elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;
elmR = t2;
elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;
elmR = t2;
elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;
elmG = t2;
elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;
elmG = t2;
elmB = t1 - t3;
}
else { elmR = 0;
elmG = 0;
elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360) elmH = 0;
return "#" + elmR + elmG + elmB;
}
// end hide -->
</script>

3 comments: