Rainbow Link ~ Timeline

Yeaph, it's been too long since the last time I post somethin' 'bout a blog trick. Now,I'm gonna share 1 more javascript trick. yah, juzt for a demo, i think u're gonna like to see this...

Mouseover Me...

Yeap, how's it goin', ha? So, what do u think? Wanna know the trick,,,,,,????? Here is the "secret technique"...... Here we go, the javascript.....

<script language="javascript">
var rate = 20;  // Increase amount(The degree of the transmutation)


////////////////////////////////////////////////////////////////////
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID


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;
}


//=============================================================================
// doRainbow
//  This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
   objActive = obj;
else
   objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


//=============================================================================
// stopRainbow
//  This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


//=============================================================================
// doRainbowAnchor
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
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);
}
}
}


//=============================================================================
// stopRainbowAnchor
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
   objActive.style.color = clrOrg;
   clearInterval(TimerID);
   act = 0;
}
}
}


//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
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);
}
}
}


//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
   objActive.style.color = clrOrg;
   clearInterval(TimerID);
   act = 0;
}
}
}


//=============================================================================
// Change Color
//  This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}


//=============================================================================
// makeColor
//  This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// 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 < elmr =" t1;" elmb =" t2;" elmg =" t2" elmg =" t1;" elmb =" t2;" elmr =" t1" elmg =" t1;" elmr =" t2;" elmb =" t2" elmb =" t1;" elmr =" t2;" elmg =" t1" elmb =" t1;" elmg =" t2;" elmr =" t2" elmr =" t1;" elmg =" t2;" elmb =" t1" elmr =" 0;" elmg =" 0;" elmb =" 0;" elmr =" Math.floor(elmR).toString(16);" elmg =" Math.floor(elmG).toString(16);" elmb =" Math.floor(elmB).toString(16);" length ="=" elmr = "0" length ="=" elmg = "0" length ="=" elmb = "0" elmh =" elmH">= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

</script>

Copy and paste those code above to your weblog,....... And remember, it might be not working if you paste that code on your template directly. Paste it on your widget.

Have a nice try, good luck.....

Timeline

Dunia tidak berhenti berkelana, sebab manusia sebagai penunggangnya tak berhenti mencari. Jadi, apa yang kamu cari?

Jumat, 22 Mei 2009

Rainbow Link

1 komentar: