实例入门(简单展开或关闭)
来源:互联网 发布:nginx 访问隐藏目录 编辑:程序博客网 时间:2024/06/05 00:07
- <!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>
- <title>简直的展开或关闭</title>
- <style type="text/css">
- .hide{display:none;}
- .show{display:block;}
- .hand{cursor:pointer;}
- .text{padding:10px;background:#F3FCFF;line-height:1.3em;border:solid 5px #B2DCF9;margin-bottom:7px;}
- </style>
- <script type="text/javascript">
-
- function e_d(obj,n){
- var c = obj.parentNode.nextSibling;
- var b = ( c.className == 'hide' );
- obj.src = 'images/' + (b?'minus':'plus') + '.gif'
- c.className=b?'text':'hide'
- if(!c.innerHTML){
- var str = '<iframe id="iframe' + n + '" src="test' + n + '.htm" scrolling="auto" frameborder="0" width="100%" height="100%"';
- str += 'onload="this.style.height=iframe' + n + '.document.body.scrollHeight+30"></iframe>';
- c.innerHTML = str;
- }
- }
- </script>
- </head>
- <body>
- <div>
- <div class="hand">
- <img src="images/plus.gif" alt="展开" onclick='e_d(this,1)' />展开1
- </div>
- <div class="hide"></div>
- </div>
- <div>
- <div class="hand">
- <img src="images/plus.gif" alt="展开" onclick='e_d(this,2)' />展开2
- </div>
- <div class="hide"></div>
- </div>
- </body>
- </html>