SLUČAJNI IZBOR POZADINE |
Ako se želi izbeći monotonija web strane koja nema potrebe za čestim ažuriranjem, onad postoji ovakvo rešenje:<HTML>
<HEAD></HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var podloga1 = "bkgr1.jpg" /* definisanje mogućih pozadina */
var podloga2 = "bkgr2.jpg"
var podloga3 = "bkgr3.jpg"
var slucajnibroj=Math.round(5*Math.random()) /* slučajni broj između 0 i 5 */
if (slucajnibroj < 2) /* izbor podloge zavisno o slučajnom broju */
podloga = podloga1
else if (slucajnibroj < 4)
podloga = podloga2
else
podloga = podloga3
document.write('<BODY BACKGROUND="'+podloga+'">') /* postavka pozadine */
//-->
</SCRIPT>
</BODY>
</HTML>Datoteka pr25.htm
VREMENSKI BACKGROUND |
Želite li da se pozadina menja zavisno o dobu dana, onda:<HTML>
<HEAD></HEAD>
<BODY>
Primer izbora boje podloge (BODY BGCOLOR) zavisno od doba dana....<br>
<SCRIPT LANGUAGE="JavaScript">
<!--
var datum = new Date(); /* prihvatanje tekućeg datuma u promenljivu */
var sati = datum.getHours(); /* prihvat tekućeg cas u promenljivu */
if (sati > 4 && sati < 7){
document.write('<BODY BGCOLOR="0000FF" TEXT="#FFFFFF">Sada je izmedju 5 i 6 sati ujutro...')
}
if (sati > 6 && sati < 9){
document.write('<BODY BGCOLOR="0088FF" TEXT="#FFFFFF">Sada je izmedju 7 i 8 sati ujutro...')
}
if (sati > 8 && sati < 18){
document.write('<BODY BGCOLOR="808080" TEXT="#FFFFFF">Sada je izmedju 9 i 17 sati...')
}
if (sati > 17 && sati < 20){
document.write('<BODY BGCOLOR="FFA500" TEXT="#FFFFFF">Sada je izmedju 18 i 19 sati...')
}
if (sati > 19 && sati < 22){
document.write('<BODY BGCOLOR="FF55FF" TEXT="#FFFFFF">Sada je izmedju 20 i 21 sat...')
}
if (sati > 21 || sati < 5){
document.write('<BODY BGCOLOR="FF0000" TEXT="#FFFFFF">Sada je izmedju 22 i 4 sata u...')
}
//-->
</SCRIPT>
</BODY>
</HTML>Datoteka pr26.htm
FADE BACKGROUND ILI IGRA BOJA (POSTUPNA BROJA POZADINE) |
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function definisiARRAY(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
hexa = new definisiARRAY(16);
function dajEfektFADE(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
for(var i = 0; i <= step; i++) {
postaviBGCOLOR(
Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)),
Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
}
function hexBrojBOJE(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function postaviBGCOLOR(r, g, b) {
var hr = hexBrojBOJE(r), hg = hexBrojBOJE(g), hb = hexBrojBOJE(b);
document.bgColor = "#"+hr+hg+hb; /* postavka boje pozadine! */
}
//-->
</SCRIPT>
</HEAD><BODY>
<H3>Primer postupne promene boje podloge.</H3>
<SCRIPT LANGUAGE="JavaScript">
<!--
dajEfektFADE(0,128,128,192,220,192,50);
/* brojevi u dajEfektFADE znače, redom: */
/* - prva tri: - početna boja (RGB) */
/* - druga tri: - završna boja (RGB) */
/* - zadnji:- korak promene (RGB) */
//-->
</SCRIPT>
</BODY>
</HTML>