来源：ITPOW（www.itpow.com）
系列 1-b 与系列 1-a 功能相同，只是数据来源不同，1-a 的数据直接写在 JavaScript 变量中，3-b 的数据写在 HTML 元素中，通过 innerHTML 获得。
更多资料，请参见 Exhibition系列1-b
示例：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Exhibition系列1-b</title> <style type="text/css"> #msg { width:200px; height:200px; overflow:hidden; border:1px solid #666666; background-color:#CCCCCC; filter:revealTrans(transition=23, duration=0.5) blendTrans(duration=0.5); /*这句在IE里面使切换产生效果*/ } </style> </head> <body> <div> <a href="http://www.itpow.com/" target="_blank">ITPOW www.itpow.com 专业探讨【ASP、JavaScript、XHTML+CSS、SQL Server】</a> <hr> </div> <div id="msg" style=""> </div> <div style="display:none;"> <div id="msg_0">课堂上，数学老师正在讲解多位数减法。 老师：“多位数减法。先把上下位数对齐，然后个位数减个位数，十位数减十位数......遇到低位数不够减时，就向高位数去借......” 学生举手询问：“老师，要是高位数不肯借给低位数，那怎么办呢？” </div> <div id="msg_1">2头澳大利亚牛在吃草。其中一头说：“最近流行疯牛病，我们不会被传染上吧？”另一头说“怎么会呢？我们是袋鼠啊。”</div> <div id="msg_2">老师问两位学生：“你们今天有没有日行一善啊？” 两位学生齐声答到：“有啊！” 老师问：“做了什么事？” 学生：“我们扶一位老太太过马路。” 老师：“嗯，很好，但是扶一位老太太过马路，为什么要两个人呢？” 学生：“因为那位老太太本来不想过马路的。” </div> </div> <script type="text/javascript" language="javascript"> <!-- //ITPOW www.itpow.com var msgIndex = -1; //消息下标，这里是最小有效值-1 var msgMaxIndex = 2; //消息下标最大值 //获得当前要显示的消息 //被 ShowMsg 调用 //可根据实际情况作修改 function GetMsgData() { msgIndex = ((++msgIndex)<=msgMaxIndex)?msgIndex:0; return document.getElementById("msg_" + msgIndex).innerHTML; } //显示消息 //targetStr－要显示消息的 HTML 元素标签的 id，字符串类型 //msgDelay－消息显示延迟时间，单位毫秒 function ShowMsg(targetStr, msgDelay) { var divid = document.getElementById(targetStr); //隐藏 try { //IE 之类浏览器可以正常执行下列代码 divid.filters.revealTrans.apply(); divid.style.visibility = "hidden"; divid.filters.revealTrans.play(); } catch (e) { //NS 之类浏览器无法产生效果，使用此句以无效果方式显示 divid.style.visibility = "hidden"; } //赋值 divid.innerHTML = GetMsgData(); //显示 divid.style.visibility = "visible"; //继续 setTimeout("ShowMsg(\"" + targetStr + "\", " + msgDelay + ");", msgDelay); } ShowMsg("msg", 3000); //--> </script> </body> </html>[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
创建于2005年 渝ICP备05010272号-1
电邮：cftea@126.com
