-- STRELLA HOMEPAGE --
Background
Per ottener lo stesso effeto degli esempi basta copiare e incollare il codice nella vostra pagina html. Se volete apportare delle modifiche specifiche basta che cambiate il vostro codice nei punti di Testo
Cambia colere allo sfondo
Esempio:
Premi uno di questi bottoni:
decidi tu il tuo intervallo temporale
(aumenta ho diminuisci l'importo):
ricorda sono in decimi di secondo
Ritorna al
Codice:
<HTML> <HEAD> <TITLE>Esempi Javascript</TITLE> <SCRIPT> function cols(c1, c2, c3, c4, c5, c6, c7){ this.c1 = c1; this.c2 = c2; this.c3 = c3; this.c4 = c4; this.c5 = c5; this.c6 = c6; this.c7 = c7; } rainbow = new cols("red", "orange", "yellow", "green", "blue", "indigo", "violet"); fade = new cols("white", "DDDDDD", "BBBBBB", "999999", "777777", "555555", "333333", "black"); greens = new cols("darkgreen", "forestgreen", "green", "lawngreen", "lightgreen", "limegreen", "palegreen"); sunset = new cols("skyblue", "slateblue", "violet", "darkorange", "red", "darkred", "black"); psyc = new cols("violet", "lawngreen", "violet", "indigo", "violet", "lawngreen", "indigo"); function cycle(type){ scheme = type; document.bgColor = scheme.c1; timerID=setTimeout('document.bgColor = scheme.c2', document.selector.interval.value * 10); timerID=setTimeout('document.bgColor = scheme.c3', document.selector.interval.value * 20); timerID=setTimeout('document.bgColor = scheme.c4', document.selector.interval.value * 30); timerID=setTimeout('document.bgColor = scheme.c5', document.selector.interval.value * 40); timerID=setTimeout('document.bgColor = scheme.c6', document.selector.interval.value * 50); timerID=setTimeout('document.bgColor = scheme.c7', document.selector.interval.value * 60); } </SCRIPT> <FORM NAME="selector"> Premi uno di questi bottoni: <INPUT TYPE="button" VALUE="Colori n°1" onClick="cycle(rainbow)"> <INPUT TYPE="button" VALUE="Colori n°2" onClick="cycle(fade)"> <INPUT TYPE="button" VALUE="Colori n°3" onClick="cycle(greens)"> <INPUT TYPE="button" VALUE="Colori n°4" onClick="cycle(sunset)"> <INPUT TYPE="button" VALUE="Colori n°5" onClick="cycle(psyc)"><P> decidi tu il tuo intervallo temporale (aumenta ho diminuisci l'importo): <INPUT TYPE="text" SIZE="8" NAME="interval" VALUE="50"> ricorda sono in decimi di secondo </FORM> </body> </html>
Background lampeggiante
<HTML> <HEAD> <TITLE>Esempi Javascrip</TITLE> </HEAD> <BODY bgcolor="white"> <SCRIPT LANGUAGE="JavaScript"> function blinkOn(){ theWin.document.bgColor = "99CCFF" nTimes++ JSCTimeOutID = window.setTimeout("blinkOff()",50); } function blinkOff(){ theWin.document.bgColor = "yellow" if (nTimes < 3) JSCTimeOutID = window.setTimeout("blinkOn()",50); else theWin.history.go(0) } function blinkit(aWin) { nTimes = 0 theWin = aWin JSCTimeOutID = window.setTimeout("blinkOn()",50); } </SCRIPT> </HEAD> <BODY bgcolor="white"> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="Clicca qui" onClick="blinkit(self)"> </FORM></CENTER> </body> </html>