上次课,有个同学问关于Dreamweaver中代码片断中的随机函数发生器-随机背景色如何使用的问题:
这个代码片断都是不完整的,需要配合其它片断来完成,于是整理一个完整案例,让大家了解一下具体使用方法:
（1）将编辑窗口切换到“代码模式”。
（2）打开“代码片断”面板，将代码片断“javascript”→“ 起始脚本”→“起始脚本 1.2，换行”拖动到HTML代码的<head></head>之间。
（3）在代码“// End -->”前面增加几个空行，按顺序分别将下面3个代码片断拖动到空行中：
“javascript”→“随机函数发生器”→“随机数”。
“javascript”→“转换”“基本转换”“十进制到十六进制”。
“javascript”→“随机函数发生器”→“ 随机背景色”。
（4）将编辑窗口切换到“设计模式”。
（5）在网页中插入一个按钮，在属性面板中将其标签改为“随机改变背景颜色”。
（6）打开行为面板。选择“随机改变背景颜色”按钮，在行为面板中单击“添加行为”按钮，在弹出菜单中选择“调用javascript”。
（7）在“调用javascript”的“javascript”框中输入随即背景色函数：
randomBgColor()
（8）选择事件为onClick，保存网页。
最后DM生成的代码如下:
==================随机背景颜色实现==========
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript1.2">
<!--
<!-- Begin
function randomNumber(limit){
return Math.floor(Math.random()*limit);
}
function decToHex(dec)
{
var hexStr = "0123456789ABCDEF";
var low = dec % 16;
var high = (dec - low)/16;
hex = "" + hexStr.charAt(high) + hexStr.charAt(low);
return hex;
}
// * Dependencies *
// this function requires the following snippets:
// JavaScript/Randomizers/randomNumber
// JavaScript/conversions/base_conversion/decToHex
function randomBgColor()
{
var r,g,b;
r = decToHex(randomNumber(256)-1);
g = decToHex(randomNumber(256)-1);
b = decToHex(randomNumber(256)-1);
document.bgColor = "#" + r + g + b;
}
// End -->
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>
</head>
<body>
<img src="/blog/enter.gif" name="rad" width="165" height="53" id="rad" onmouseup="MM_callJS('randomBgColor()')" />
</body>
</html>
================
