javascript 层隐藏和显示的代码

javascript 层隐藏和显示的代码 <!DOCTYPE html PUBLIC “-//W3C/…

javascript 层隐藏和显示的代码

<!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>层隐藏和显示 2009-7-7</title><style type=”text/css”> #content1,#content2{ width:300px; height:200px; border:1px solid black; background:#cccccc; } #menu{ cursor:pointer; } </style></head><body> <span id=”menu” onclick=”doit()”>更多</span><div id=”content1″> 我是更多里面的内容 </div><!–content1–><div id=”content2″ style=”display:none;”> 我不是更多里面的内容 </div><!–content2–></body></html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

以上就是javascript 层隐藏和显示的代码的详细内容,更多请关注www.cfluntan.cn其它相关文章!

为您推荐

返回顶部