来源：飞翔下载（www.52z.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.52z.com/" target="_blank">飞翔下载 www.52z.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"><!--//飞翔下载 www.52z.comvar msgIndex = -1; //消息下标，这里是最小有效值-1var 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 全部选择 提示：你可先修改部分代码，再按运行]
打印文档
推荐好友 
返回顶部
增大字体 
减少字体