~ .Pretty Graphic.

Links Arcobaleno

« Older   Newer »
  Share  
† PrettY †
view post Posted on 9/2/2007, 20:04




Per ottenere un effetto arcobaleno (cambia-colore multicolor *0*) nel momento in cui appoggiamo il mouse su di un link, basta incollare questo script^^


CODICE
<!-- Prelevato Sul Forum Pretty Graphic www.pgraphic.forumfree.net -->
<script type="text/javascript">
////////////////////////////////////////////////////////////////////
// Setting

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

</script>



Non modificate nulla o non funzionerà nulla!! :heeee:



:yuppie:

Edited by † PrettY † - 31/3/2007, 17:09
 
Top
{ NekO ChaN }
view post Posted on 9/2/2007, 21:38




CITAZIONE
Non modificate nulla o non funzionerà nulla!!

Soprattutto la prima riga!!!! òOò
Utile e carino *ç*
 
Top
*Skater_Kirbolen*
view post Posted on 9/2/2007, 21:39




:X3: :X3: :X3: :X3:
 
Top
(¯`·._)»Cika«(¯`·._)
view post Posted on 29/3/2007, 17:03




incollo dove? ^-^
 
Top
† PrettY †
view post Posted on 29/3/2007, 19:15




Amministrazione> Amministrazione Grafica> Gestione codice HTML> Codice html che verrà visualizzato in ogni pagina in cima al forum


:ahsìsì:
 
Top
(¯`·._)»Cika«(¯`·._)
view post Posted on 29/3/2007, 22:58




ah shishi la prima parte la sapevo xD Era proprio in cima al forum che mi mancava x'''D
 
Top
† PrettY †
view post Posted on 30/3/2007, 13:18




:asd:
 
Top
(¯`·._)»Cika«(¯`·._)
view post Posted on 30/3/2007, 13:35




ma a me nn va T_T dici che potrebbe essere x la skin?
 
Top
† PrettY †
view post Posted on 30/3/2007, 13:43




°__° lo hai incollato nel percorso giusto vero?
 
Top
(¯`·._)»Cika«(¯`·._)
view post Posted on 30/3/2007, 13:54




°-° In cima al forum no? xD
 
Top
† PrettY †
view post Posted on 30/3/2007, 14:05




sì XD ed è completo?°°
 
Top
(¯`·._)»Cika«(¯`·._)
view post Posted on 31/3/2007, 16:03




no... nn va proprio pretty T_T
 
Top
† PrettY †
view post Posted on 31/3/2007, 16:09




prova con quello °__°
 
Top
(¯`·._)»Cika«(¯`·._)
view post Posted on 31/3/2007, 16:55




vaaaaaaa!!!!! *O* Grazie mille! *-*
 
Top
† PrettY †
view post Posted on 31/3/2007, 20:19




xD figurati!
 
Top
28 replies since 9/2/2007, 20:04   848 views
  Share