»
EnglishFrenchVietnamese

Print - Magic Background Color - JavaScriptBank.com

Full version: jsB@nk » Background » Magic Background Color
URL: https://www.javascriptbank.com/magic-background-color.html

Magic Background Color © JavaScriptBank.comDHTML background animation. Uses the opacity filter tag from IE4.x to produce a unique dissolving rotation between several baclground-colors.

Full version: jsB@nk » Background » Magic Background Color
URL: https://www.javascriptbank.com/magic-background-color.html



JavaScript
<script language="javascript">/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/<!-- Beginning of JavaScript -messages = new Array()messages[0] = "<span style='background-color:88FFCC; width:2000px; height:2000px'> </span>"messages[1] = "<span style='background-color:CCAAFF; width:2000px; height:2000px'> </span>"messages[2] = "<span style='background-color:FFCCAA; width:2000px; height:2000px'> </span>"messages[3] = "<span style='background-color:666666; width:2000px; height:2000px'> </span>"messages[4] = "<span style='background-color:000000; width:2000px; height:2000px'> </span>"messages[5] = "<span style='background-color:FF4444; width:2000px; height:2000px'> </span>"var i_messages = 0var timerfunction dotransition() {    if (document.all) {        content.filters[0].apply()        content.innerHTML = messages[i_messages]        content.filters[0].play()        if (i_messages >= messages.length-1) {            i_messages = 0        }        else {            i_messages++        }        var timer = setTimeout("dotransition()",5000)       } }// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload=dotransition()><DIV id=content style="FILTER: revealTrans(Transition=12, Duration=4); HEIGHT: 200px; LEFT: -3px; POSITION: absolute; TEXT-ALIGN: center; TOP: -3px; WIDTH: 560px"></DIV><DIV id=nn style="LEFT: 170px; POSITION: absolute; TOP: 10px"></DIV><DIV id=mainbod style="VISIBILITY: visible"></DIV></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->