68、闪烁的窗体
类别: JavaScript教程
===1、将以下代码加入HTML的<HEAD></HEAD>之间:
<script LANGUAGE="JavaScript">
<!--
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>
====2、将以下代码加入HTML的<BODY></BODY>之间:
<body TEXT="red" onLoad="fade(0, 0, 0, 255, 255, 255, 64)"
onUnload="fade(255, 255, 255,0, 0, 0, 64)">
<script LANGUAGE="JavaScript">
<!--
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>
====2、将以下代码加入HTML的<BODY></BODY>之间:
<body TEXT="red" onLoad="fade(0, 0, 0, 255, 255, 255, 64)"
onUnload="fade(255, 255, 255,0, 0, 0, 64)">
- 上一篇: 67、随意飘动的图象
- 下一篇: 69、闪烁的表单
-= 资 源 教 程 =-
文 章 搜 索