资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js实例入门(简单展开或关闭)
<!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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%2F*%E6%A0%B9%E6%8D%AE%E7%82%B9%E5%87%BB%E9%A1%B9%EF%BC%8C%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%E5%86%85%E5%AE%B9%E8%87%B3iframe%E4%B8%AD%20%0D%0Aexpand(%E5%B1%95%E5%BC%80)%2Ce_d%E5%8D%B3expand%20div%20%0D%0Acontainer(%E5%AE%B9%E5%99%A8)%2Cc%E5%8D%B3%E5%AE%B9%E5%99%A8%E7%BC%A9%E5%86%99%20%0D%0Ab%E4%B8%BAbool%E7%BC%A9%E5%86%99%20%0D%0An%E4%B8%BAnum%E7%BC%A9%E5%86%99%20%0D%0A*%2F%20%0D%0Afunction%20e_d(obj%2Cn)%7B%2F%2F%E8%BF%99%E4%BA%8C%E4%B8%AA%E5%8F%82%E6%95%B0%E6%9E%84%E6%88%90iframe%E9%87%8C%E7%9A%84%E5%AD%90%E9%A1%B5%E9%9D%A2%E3%80%82test1.htm%2Ftest2.htm%2Ftest3.htm%20%0D%0Avar%20c%20%3D%20obj.parentNode.nextSibling%3B%20%2F*%E5%8F%96%E7%88%B6%E7%BA%A7%E7%9A%84%E4%B8%8B%E4%B8%80%E4%B8%AA%E8%8A%82%E7%82%B9%2C%E8%B7%9F%E7%88%B6%E7%BA%A7%E5%90%8C%E8%BE%88%E7%9A%84%E3%80%82*%2F%20%0D%0Avar%20b%20%3D%20(%20c.className%20%3D%3D%20'hide'%20)%3B%20%0D%0Aobj.src%20%3D%20'images%2F'%20%2B%20(b%3F'minus'%3A'plus')%20%2B%20'.gif'%2F*%E5%8F%98%E6%8D%A2%2B-%E5%9B%BE%E7%89%87*%2F%20%0D%0Ac.className%3Db%3F'text'%3A'hide'%20%0D%0Aif(!c.innerHTML)%7B%2F%2F%E5%A6%82%E6%9E%9C%E8%BF%99%E4%B8%80%E5%B1%82%E9%87%8C%E6%B2%A1%E6%9C%89%E5%86%85%E5%AE%B9%E6%89%8D%E6%9B%B4%E6%96%B0%E3%80%82%E6%9C%89%E5%86%85%E5%AE%B9%E5%88%99%E4%B8%8D%E5%8F%98%E5%8C%96%20%0D%0Avar%20str%20%3D%20'%3Ciframe%20id%3D%22iframe'%20%2B%20n%20%2B%20'%22%20src%3D%22test'%20%2B%20n%20%2B%20'.htm%22%20scrolling%3D%22auto%22%20frameborder%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22'%3B%20%0D%0Astr%20%2B%3D%20'onload%3D%22this.style.height%3Diframe'%20%2B%20n%20%2B%20'.document.body.scrollHeight%2B30%22%3E%3C%2Fiframe%3E'%3B%20%0D%0Ac.innerHTML%20%3D%20str%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <div> <div class="hand"> <img src="images/plus.gif" _ewebeditor_ta_src="images%2Fplus.gif" alt="展开" onclick='e_d(this,1)' />展开1 </div> <div class="hide"></div> </div> <div> <div class="hand"> <img src="images/plus.gif" _ewebeditor_ta_src="images%2Fplus.gif" alt="展开" onclick='e_d(this,2)' />展开2 </div> <div class="hide"></div> </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程