js实例入门(简单展开或关闭)

ttx9n · 发表于 2008-11-18 00:26:17

简直的展开或关闭

<!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"> /*根据点击项，动态加载内容至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 = '<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> <img src="https://www.jb51.net/article/images/plus.gif" alt="展开" onclick='e_d(this,1)' />展开1 <img src="https://www.jb51.net/article/images/plus.gif" alt="展开" onclick='e_d(this,2)' />展开2 </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Alisaliu · 发表于 2022-8-8 17:49:50

1312315458748777

r8st9 · 发表于 2022-12-18 14:33:27

终于找到了，我擦

hd1tvqb3 · 发表于 2023-1-20 10:47:08

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

0608fv3 · 发表于 2023-1-30 07:33:23

谢谢下载来看看

wangdj110 · 发表于 2023-2-8 04:49:21

那三门，你们谁寂寞才快乐撒

wangdj110 · 发表于 2023-2-27 12:46:14

谢谢分享，先下来用用

ki9ku6 · 发表于 2023-6-24 03:34:45

源码源码源码源码源码源码源码源码源码源码源码源码源码

ki9ku6 · 发表于 2023-9-10 21:32:29

借款金额看了就立刻

Alisaliu · 发表于 2023-9-16 08:30:14

。。。。。。。。。。。。。。。

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js实例入门(简单展开或关闭)

相关帖子