您当前的位置：飞翔学院-IT中国 → 编程开发 → JavaScript → 文章内容

Exhibition系列3-b

作者:佚名来源:不详发布时间:2008-5-23 9:02:11

来源：飞翔下载（www.52z.com）

系列 3-b 为渐显、渐隐切换展示，注意必须事先用样式表设置 #msgContent 的宽度、高度和透明度。

系列 3-b 与系列 3-a 功能相同，只是数据来源不同，3-a 的数据直接写在 JavaScript 变量中，3-b 的数据写在 HTML 元素中，通过 innerHTML 获得。

更多资料，请参见 Exhibition系列3-b

示例：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Exhibition系列3-a</title><style type="text/css">#msg{ width:300px; height:100px; border:1px solid #666666;}#msgContent{ width:100%; height:100%; filter:alpha(opacity=0);/*这句在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"> <div id="msgContent"></div></div><div style="display:none;"> <div id="msg_0">你和我相约在　午夜喧哗的大街</div> <div id="msg_1">告诉我这段感情今夜将会是终点</div> <div id="msg_2">傻傻的看着你　眼角不流一滴泪</div> <div id="msg_3">说好了要坚强不流泪</div></div><script language="javascript"></script></body></html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

打印文档
推荐好友
返回顶部
增大字体
减少字体

上一篇文章：clientHeight、offsetHeight和scrollHeight
下一篇文章：Exhibition系列3-a

Exhibition系列3-b

分类推荐

热点文章

精采文章

精采文章