JavaScript OnOff Screen Background Effects

This will make your background colors change upon button-click.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="JavaScript">
function blinkOn(){
        theWin.document.bgColor = "#000000"
        nTimes++
        CCTimeOutID = window.setTimeout("blinkOff()",250);
}

function blinkOff(){
        theWin.document.bgColor = "FFFFFF"
        if (nTimes < 5)
                CCTimeOutID = window.setTimeout("blinkOn()",250);
        else theWin.history.go(0)
}


function blinkCC(aWin)
{
        nTimes = 0
        theWin = aWin
        CCTimeOutID = window.setTimeout("blinkOn()",250);
}
</script>

Insert this code into <body> tags

<center><form>
<input type="button" value="On/Off Switch" onClick="blinkCC(self)">
</form></center>

Instruction:

Place this script in the HEAD tags of your web page. Then place the button in your web page. When someone clicks it, the web page background colors will blink. To change the color of the blinking background, alter the color-hex tag in the 'function blinkOn' section. This is the very first section of the JavaScript.

Webmaster » Web Programming » JavaScript » Background Effects » OnOff Screen Effects

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links