懂视1
懂视101
懂视201
懂视301
懂视401
懂视501
懂视601
懂视701
懂视801
懂视901
懂视1001
懂视1101
懂视1201
懂视1301
懂视1401
懂视1501
懂视1601
懂视1701
懂视1801
懂视1901
文库1
文库101
文库201
文库301
文库401
文库501
文库601
文库701
文库801
文库901
文库1001
文库1101
文库1201
文库1301
文库1401
文库1501
文库1601
文库1701
文库1801
文库1901
颢想科技网
全部频道
首页
科技
教育
生活
旅游
时尚
美容
美食
健康
体育
游戏
汽车
家电
您的当前位置：
首页
js实例入门(简单展开或关闭)_javascript技巧
js实例入门(简单展开或关闭)_javascript技巧
来源：颢想科技网
<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> /*根据点击项，动态加载内容至iframe中 expand(展开),e_d即expand div container(容器),c即容器缩写 b为bool缩写 n为num缩写 */ function e_d(obj,n){//这二个参数构成iframe里的子页面。test1.htm/test2.htm/test3.htm 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 = ''; c.innerHTML = str; } } </ script> </head> <body> 展开1 展开2 </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
显示全文