Fade In & Out

 

Beim betreten der Seite ändert sich die Hintergrundfarbe von weiß nach schwarz, beim verlassen von schwarz nach weiß. Die Farbwerte sind einstellbar!

Der Source-Code:

Kopiere folgendes in den Head-Tag Deiner Seite:

<SCRIPT LANGUAGE="JavaScript">
<!--
// convert decimal value (0 - 255) to hexadecimal
// (use .toString(16) method supported by IE)
function toHex(dec) {
// create list of hex characters
var hexCharacters = "0123456789ABCDEF"
// if number is out of range return limit
if (dec < 0)

return "00"
if (dec > 255)
return "FF"
// decimal equivalent of first hex character in converted number
var i = Math.floor(dec / 16)

// decimal equivalent of second hex character in converted number

var j = dec % 16

// return hexadecimal equivalent

return hexCharacters.charAt(i) + hexCharacters.charAt(j)

}

// set background color to specified descriptors

function setbgColor(red, green, blue) {

document.bgColor = "#" + toHex(red) + toHex(green) +
toHex(blue)

}

// fade from start to end descriptors (increase step to increase transition speed)

function fade(sred, sgreen, sblue, ered, egreen, eblue, step) {

// loop to create fade effect

for(var i = 0; i <= step; ++i) {

// set current red descriptor


var red = Math.floor(sred * ((step - i) / step) + ered
* (i / step))

// set current green descriptor


var green = Math.floor(sgreen * ((step - i) / step) +
egreen * (i / step))

// set current green descriptor


var blue = Math.floor(sblue * ((step - i) / step) +
eblue * (i / step))

// set background color according to descriptors
setbgColor(red, green, blue)
}
}
// -->
</SCRIPT>

Füge folgenden Teil in den Body-Tag Deiner Seite:

<body onLoad="fade(0, 0, 0, 255, 255, 255, 64)" onUnload="fade(255, 255, 255, 0, 0, 0, 64)">

Falls Deine Seite einen schwarzen Hintergrund hat, mußt Du die Farbwerte vertauschen:

<body onLoad="fade(255, 255, 255, 0, 0, 0, 64)" onUnload="fade(0, 0, 0, 255, 255, 255, 64)">

 


Website Promotion - Suchmaschinen Optimierung - Webdesign