<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
* {margin:0;padding:0;}
</style>
<script type="text/javascript">
var box1;
function show(){
var box = new CMSMsgBox(300);
box.Skin = 'loading'
box.Mask = true;
box.Value = '正在加载数据,请稍后...<br/> 双击页面空白处可关闭。';
box.show();
}
function show1(){
box1 = new CMSMsgBox();
box1.Mask = true;
box1.Value = ' 正在加载数据,请稍后...<br/><br/><br/> <input type="button" value="改变颜色" onclick="box1.setColor(\'green\');" /><input type="button" value="改变背景颜色" onclick="box1.setBackgroundColor(\'red\');" />';
box1.show();
}
</script>
<script type="text/javascript" src="msgbox.js"></script>
</head>
<body>
<p>
<input type="button" name="Submit" value="Loading.." onclick="show();" />
<select name="select">
<option value="项目一">项目一</option>
<option value="项目二">项目二</option>
</select>
<input type="button" name="Submit" value="MsgBox" onclick="show1();" />
</p>
<p style="text-align:center;clear:both;height:2000px;background:#eee;border:1px solid #333;padding:5px;min-width:1000px;width:expression((documentElement.clientWidth < 1000) ? '1000px' : 'auto');">
<select style="margin-top:270px;" name="select">
<option value="项目一">项目一</option>
<option value="项目二">项目二</option>
</select>
</p>
</body>
</html>