资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
几个不错的自动收缩菜单导航效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="Sheneyan" /> <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%0Avar%20mh%20%3D%2030%3B%2F%2F%E6%9C%80%E5%B0%8F%E9%AB%98%E5%BA%A6%20%0D%0Avar%20step%20%3D%201%3B%2F%2F%E6%AF%8F%E6%AC%A1%E5%8F%98%E5%8C%96%E7%9A%84px%E9%87%8F%20%0D%0Avar%20ms%20%3D%2010%3B%2F%2F%E6%AF%8F%E9%9A%94%E5%A4%9A%E4%B9%85%E5%BE%AA%E7%8E%AF%E4%B8%80%E6%AC%A1%20%0D%0Afunction%20toggle(o)%7B%20%0D%0A%20%20if%20(!o.tid)o.tid%20%3D%20%22_%22%20%2B%20Math.random()%20*%20100%3B%20%0D%0A%20%20if%20(!window.toggler)window.toggler%20%3D%20%7B%7D%3B%20%0D%0A%20%20if%20(!window.toggler%5Bo.tid%5D)%7B%20%0D%0A%20%20%20%20window.toggler%5Bo.tid%5D%3D%7B%20%0D%0A%20%20%20%20%20%20obj%3Ao%2C%20%0D%0A%20%20%20%20%20%20maxHeight%3Ao.offsetHeight%2C%20%0D%0A%20%20%20%20%20%20minHeight%3Amh%2C%20%0D%0A%20%20%20%20%20%20timer%3Anull%2C%20%0D%0A%20%20%20%20%20%20action%3A1%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20o.style.height%20%3D%20o.offsetHeight%20%2B%20%22px%22%3B%20%0D%0A%20%20if%20(window.toggler%5Bo.tid%5D.timer)clearTimeout(window.toggler%5Bo.tid%5D.timer)%3B%20%0D%0A%20%20window.toggler%5Bo.tid%5D.action%20*%3D%20-1%3B%20%0D%0A%20%20window.toggler%5Bo.tid%5D.timer%20%3D%20setTimeout(%22anim('%22%2Bo.tid%2B%22')%22%2Cms%20)%3B%20%0D%0A%7D%20%0D%0Afunction%20anim(id)%7B%20%0D%0A%20%20var%20t%20%3D%20window.toggler%5Bid%5D%3B%20%0D%0A%20%20var%20o%20%3D%20window.toggler%5Bid%5D.obj%3B%20%0D%0A%20%20if%20(t.action%20%3C%200)%7B%20%0D%0A%20%20%20%20if%20(o.offsetHeight%20%3C%3D%20t.minHeight)%7B%20%0D%0A%20%20%20%20%20%20clearTimeout(t.timer)%3B%20%0D%0A%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20else%7B%20%0D%0A%20%20%20%20if%20(o.offsetHeight%20%3E%3D%20t.maxHeight)%7B%20%0D%0A%20%20%20%20%20%20clearTimeout(t.timer)%3B%20%0D%0A%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20o.style.height%20%3D%20(parseInt(o.style.height%2C%2010)%20%2B%20t.action%20*%20step)%20%2B%20%22px%22%3B%20%0D%0A%20%20window.toggler%5Bid%5D.timer%20%3D%20setTimeout(%22anim('%22%2Bid%2B%22')%22%2Cms%20)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <style type="text/css"> div.xx{border:solid 1px;overflow:hidden;} div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;} </style> </head> <body> <div class="xx"><h5 onclick="toggle(this.parentNode)">伸缩效果</h5> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> </div> <div class="xx"><h5 onclick="toggle(this.parentNode)">伸缩效果</h5> <p>sdf容</p> <p>sdf容</p> <p>sf容</p> <p>sfd容</p> </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
一打开网页是收缩的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>runcode</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="Sheneyan" /> <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%0Avar%20mh%20%3D%2030%3B%2F%2F%E6%9C%80%E5%B0%8F%E9%AB%98%E5%BA%A6%20%0D%0Avar%20step%20%3D%201%3B%2F%2F%E6%AF%8F%E6%AC%A1%E5%8F%98%E5%8C%96%E7%9A%84px%E9%87%8F%20%0D%0Avar%20ms%20%3D%2010%3B%2F%2F%E6%AF%8F%E9%9A%94%E5%A4%9A%E4%B9%85%E5%BE%AA%E7%8E%AF%E4%B8%80%E6%AC%A1%20%0D%0Avar%20caiying2007%3D202%2F%2F%E6%9C%80%E5%A4%A7%E9%AB%98%E5%BA%A6%20%0D%0Awindow.onload%3Dfunction%20init()%7B%20%0D%0Avar%20obj_init%3Ddocument.getElementsByTagName(%22div%22)%20%0D%0Afor%20(var%20oi%3D0%3Boi%3Cobj_init.length%3Boi%2B%2B)%7B%20%0D%0A%20%20%20%20if%20(obj_init%5Boi%5D.className%3D%3D%22xx%22)%7Bobj_init%5Boi%5D.style.height%3Dmh%20%2B%20%22px%22%3B%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20toggle(o)%7B%20%0D%0A%20%20if%20(!o.tid)o.tid%20%3D%20%22_%22%20%2B%20Math.random()%20*%20100%3B%20%0D%0A%20%20if%20(!window.toggler)window.toggler%20%3D%20%7B%7D%3B%20%0D%0A%20%20if%20(!window.toggler%5Bo.tid%5D)%7B%20%0D%0A%20%20%20%20window.toggler%5Bo.tid%5D%3D%7B%20%0D%0A%20%20%20%20%20%20obj%3Ao%2C%20%0D%0A%2F%2F%20%20%20%20%20%20maxHeight%3Ao.offsetHeight%2C%20%0D%0A%20%20%20%20%20%20maxHeight%3Acaiying2007%2C%20%0D%0A%20%20%20%20%20%20minHeight%3Amh%2C%20%0D%0A%20%20%20%20%20%20timer%3Anull%2C%20%0D%0A%20%20%20%20%20%20action%3A-1%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20o.style.height%20%3D%20o.offsetHeight%20%2B%20%22px%22%3B%20%0D%0A%20%20if%20(window.toggler%5Bo.tid%5D.timer)clearTimeout(window.toggler%5Bo.tid%5D.timer)%3B%20%0D%0A%20%20window.toggler%5Bo.tid%5D.action%20*%3D%20-1%3B%20%0D%0A%20%20window.toggler%5Bo.tid%5D.timer%20%3D%20setTimeout(%22anim('%22%2Bo.tid%2B%22')%22%2Cms%20)%3B%20%0D%0A%7D%20%0D%0Afunction%20anim(id)%7B%20%0D%0A%20%20var%20t%20%3D%20window.toggler%5Bid%5D%3B%20%0D%0A%20%20var%20o%20%3D%20window.toggler%5Bid%5D.obj%3B%20%0D%0A%20%20if%20(t.action%20%3C%200)%7B%20%0D%0A%20%20%20%20if%20(o.offsetHeight%20%3C%3D%20t.minHeight)%7B%20%0D%0A%20%20%20%20%20%20clearTimeout(t.timer)%3B%20%0D%0A%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20else%7B%20%0D%0A%20%20%20%20if%20(o.offsetHeight%20%3E%3D%20t.maxHeight)%7B%20%0D%0A%20%20%20%20%20%20clearTimeout(t.timer)%3B%20%0D%0A%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20o.style.height%20%3D%20(parseInt(o.style.height%2C%2010)%20%2B%20t.action%20*%20step)%20%2B%20%22px%22%3B%20%0D%0A%20%20window.toggler%5Bid%5D.timer%20%3D%20setTimeout(%22anim('%22%2Bid%2B%22')%22%2Cms%20)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <style type="text/css"> div.xx{border:solid 1px;overflow:hidden;height:200px} div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;} </style> </head> <body> <div class="xx"><h5 onclick="toggle(this.parentNode);" >伸缩效果</h5> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> </div> <div class="xx"><h5 onclick="toggle(this.parentNode)">伸缩效果</h5> <p>sdf容</p> <p>sdf容</p> <p>sf容</p> <p>sfd容</p> </div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
慢慢展开菜单的效果，以前早就有人做过，给个时间函数。也算不上什么极限：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> body{ margin:0px; font:normal 12px 宋体; background: #999999; } table{border:0px;} td{font:normal 12px 宋体; } img{vertical-align:middle; border:0px;} .sec_menu{border-left:1px solid #808080; border-right:1px solid #808080; border-bottom:1px solid #808080; overflow:hidden; background:#FFCC99;} .menu_title{background-color: #CC6600} .menu_title span{color:#FFFFFF;} .menu_title2{background-color: #FF9900} .menu_title2 span{color:#C8C8C8; } .showtitle{position:relative; top:-2px; left:-6px; border:1pt solid #C3D4E7; z-index:0; height:26; background-color: #0080C0; padding-top:5; padding-left:5} .alp{FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5, finishx=250,finishy=85} .txt1{font-size:9pt; color:#CCCCCC;} </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20menuShow(MenuId%2Cmaxh%2CMenuId2%2Carrow)%7B%20%0D%0Aif(MenuId.style.pixelHeight%3Cmaxh)%20%20%7B%20%0D%0A%20%20%20%20MenuId.style.pixelHeight%2B%3Dmaxh%2F20%3B%20%0D%0A%20%20%20%20MenuId.filters.alpha.opacity%2B%3D5%3B%20%0D%0A%20%20%20%20arrow.innerHTML%3D%22%3CFONT%20face%3Dwebdings%3E6%3C%2Fspan%3E%22%20%0D%0Aif(MenuId.style.pixelHeight%3D%3Dmaxh%2F10)%20%0D%0A%20%20%20MenuId.style.display%3D%22block%22%3B%20%0D%0A%20%20%20myMenuId%3DMenuId%3B%20%0D%0A%20%20%20myMaxh%3Dmaxh%3B%20%0D%0A%20%20%20myMenuId2%3DMenuId2%3B%20%0D%0A%20%20%20myarrow%3Darrow%20%0D%0AsetTimeout(%22menuShow(myMenuId%2CmyMaxh%2CmyMenuId2%2Cmyarrow)%22%2C%225%22)%3B%20%0D%0A%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20menuHide(MenuId%2Cmaxh%2CMenuId2%2Carrow)%7B%20%0D%0A%20%20if(MenuId.style.pixelHeight%3E0)%20%20%7B%20%0D%0A%20%20if(MenuId.style.pixelHeight%3D%3Dmaxh%2F20)%20%0D%0A%20%20%20MenuId.style.display%3D%22none%22%3B%20%0D%0A%20%20%20MenuId.style.pixelHeight-%3Dmaxh%2F20%3B%20%0D%0A%20%20%20MenuId.filters.alpha.opacity-%3D5%3B%20%0D%0A%20%20%20arrow.innerHTML%3D%22%3CFONT%20face%3Dwebdings%3E4%3C%2Fspan%3E%22%20%0D%0AmyMenuId%3DMenuId%3B%20%0D%0AmyMaxh%3Dmaxh%20%0D%0AmyMenuId2%3DMenuId2%3B%20%0D%0Amyarrow%3Darrow%20%0D%0AsetTimeout(%22menuHide(myMenuId%2CmyMaxh%2CmyMenuId2%2Cmyarrow)%22%2C%225%22)%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20else%20%0D%0A%20%20%20%20if(whichContinue)%20%0D%0A%20%20%20whichContinue.click()%3B%20%0D%0A%7D%20%0D%0Afunction%20menuChange(MenuId%2Cmaxh%2CMenuId2%2Carrow)%7B%20%0D%0A%20%20if(MenuId.style.pixelHeight)%7B%20%0D%0AmenuHide(MenuId%2Cmaxh%2CMenuId2%2Carrow)%3B%20%0D%0AwhichOpen%3D%22%22%3B%20%0D%0Awhichcontinue%3D%22%22%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20else%20%0D%0A%20%20%20%20if(whichOpen)%20%7B%20%0D%0A%20%20%20whichContinue%3DMenuId2%3B%20%0D%0A%20%20%20%20%20%20whichOpen.click()%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0A%20%20%20menuShow(MenuId%2Cmaxh%2CMenuId2%2Carrow)%3B%20%0D%0A%20%20%20whichOpen%3DMenuId2%3B%20%0D%0A%20%20%20whichContinue%3D%22%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20MM_preloadImages()%20%7B%20%2F%2Fv3.0%20%0D%0A%20%20var%20d%3Ddocument%3B%20if(d.images)%7B%20if(!d.MM_p)%20d.MM_p%3Dnew%20Array()%3B%20%0D%0A%20%20%20%20var%20i%2Cj%3Dd.MM_p.length%2Ca%3DMM_preloadImages.arguments%3B%20for(i%3D0%3B%20i%3Ca.length%3B%20i%2B%2B)%20%0D%0A%20%20%20%20if%20(a%5Bi%5D.indexOf(%22%23%22)!%3D0)%7B%20d.MM_p%5Bj%5D%3Dnew%20Image%3B%20d.MM_p%5Bj%2B%2B%5D.src%3Da%5Bi%5D%3B%7D%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"> <title>Cattom</title> <link href="link.css" rel="stylesheet" type="text/css"> </head> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%20%0D%0AnereidFadeObjects%20%3D%20new%20Object()%3B%20%0D%0AnereidFadeTimers%20%3D%20new%20Object()%3B%20%0D%0Afunction%20nereidFade(object%2C%20destOp%2C%20rate%2C%20delta)%7B%20%0D%0Aif%20(!document.all)%20%0D%0Areturn%20%0D%0A%20%20%20%20if%20(object%20!%3D%20%22%5Bobject%5D%22)%7B%20%20%2F%2F%E6%8F%90%E5%8F%96%E4%B8%B2%E5%80%BC%20%0D%0A%20%20%20%20%20%20%20%20setTimeout(%22nereidFade(%22%2Bobject%2B%22%2C%22%2BdestOp%2B%22%2C%22%2Brate%2B%22%2C%22%2Bdelta%2B%22)%22%2C0)%3B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20clearTimeout(nereidFadeTimers%5Bobject.sourceIndex%5D)%3B%20%0D%0A%20%20%20%20diff%20%3D%20destOp-object.filters.alpha.opacity%3B%20%0D%0A%20%20%20%20direction%20%3D%201%3B%20%0D%0A%20%20%20%20if%20(object.filters.alpha.opacity%20%3E%20destOp)%7B%20%0D%0A%20%20%20%20%20%20%20%20direction%20%3D%20-1%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20delta%3DMath.min(direction*diff%2Cdelta)%3B%20%0D%0A%20%20%20%20object.filters.alpha.opacity%2B%3Ddirection*delta%3B%20%0D%0A%20%20%20%20if%20(object.filters.alpha.opacity%20!%3D%20destOp)%7B%20%0D%0A%20%20%20%20%20%20%20%20nereidFadeObjects%5Bobject.sourceIndex%5D%3Dobject%3B%20%0D%0A%20%20%20%20%20%20%20%20nereidFadeTimers%5Bobject.sourceIndex%5D%3DsetTimeout(%22nereidFade(nereidFadeObjects%5B%22%2Bobject.sourceIndex%2B%22%5D%2C%22%2BdestOp%2B%22%2C%22%2Brate%2B%22%2C%22%2Bdelta%2B%22)%22%2Crate)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <body> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3Djavascript%3E%20%0D%0A%20%20var%20whichOpen%3DmenuTitle1%3B%20%0D%0A%20%20var%20whichContinue%3D%22%22%3B%20%0D%0A%3C%2Fscript%3E"> <div id="Layer1" style="position:absolute; left:0px; top:350px; width:111px; height:102px; z-index:1"> <table cellpadding=0 cellspacing=0 width=150 style="border-top:1pt solid black"> <tr style="cursor:hand;"> <td height=18 class=menu_title onmouseover="this.className='menu_title2'" onmouseout="this.className='menu_title'" id=menuTitle1 onclick="menuChange (menu1,120,menuTitle1,arrow1);"> <span><span id=arrow1><FONT face="webdings">4</span> ::动漫同人志::</span></td></tr><tr><td><div class=sec_menu style="width:150;height:0; filter:alpha(Opacity=0);display:none;" id=menu1> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20><a href="rhdm.htm" _ewebeditor_ta_href="rhdm.htm">:::日韩动漫:::</a></td> </tr> <tr> <td height=20><a href="gtdm.htm" _ewebeditor_ta_href="gtdm.htm">:::港台动漫:::</a></td> </tr> <tr> <td height=20><a href="dldm.htm" _ewebeditor_ta_href="dldm.htm">:::大陆动漫:::</a></td> </tr> <tr> <td height=20><a href="ycdm.htm" _ewebeditor_ta_href="ycdm.htm">:::原创动漫:::</a></td> </tr> <tr> <td height=20><a href="yqlj.htm" _ewebeditor_ta_href="yqlj.htm">:::友情链接:::</a></td> </tr> </table></div></td></tr></table> <table cellpadding=0 cellspacing=0 width=150 style="border-top:1pt solid black"> <tr style="cursor:hand;"> <td height=18 class=menu_title onmouseover="this.className='menu_title2'" onmouseout="this.className='menu_title'" id=menuTitle2 onclick="menuChange (menu2,120,menuTitle2,arrow2);"> <span><span id=arrow2><FONT face="webdings">4</span> ::动漫音乐::</span></td></tr><tr><td><div class=sec_menu style="width:150;height:0; filter:alpha(Opacity=0);display:none;" id=menu2> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20><a href="rhdmyy.htm" _ewebeditor_ta_href="rhdmyy.htm">::日韩动漫音乐::</a></td> </tr> <tr> <td height=20><a href="gtdmyy.htm" _ewebeditor_ta_href="gtdmyy.htm">::港台动漫音乐::</a></td> </tr> <tr> <td height=20><a href="dldmyy.htm" _ewebeditor_ta_href="dldmyy.htm">::大陆动漫音乐::</a></td> </tr> <tr> <td height=20><a href="dmyyk.htm" _ewebeditor_ta_href="dmyyk.htm">::动漫音乐库::</a></td> </tr> <tr> <td height=20><a href="wydb.htm" _ewebeditor_ta_href="wydb.htm">:::网友点播:::</a></td> </tr> </table></div></td></tr></table> <table cellpadding=0 cellspacing=0 width=150 style="border-top:1pt solid black; border-bottom:1pt solid black;"> <tr style="cursor:hand;"><td height=18 class=menu_title onmouseover="this.className='menu_title2'" onmouseout="this.className='menu_title'" id=menuTitle3 onclick="menuChange(menu3,140,menuTitle3,arrow3);"> <span><span id=arrow3><FONT face="webdings">4</span> ::网页123::</span></td></tr><tr><td> <div class=sec_menu style="width:150;height:0; filter:alpha(Opacity=0); display:none;" id=menu3> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative; top:10px;"> <tr><td height=20>::网页基础::</td></tr> <tr><td height=20>::网页进阶::</td></tr> <tr><td height=20>::网页高手::</td></tr> <tr><td height=20>::网页脚本::</td></tr> <tr><td height=20>::网页理念::</td></tr> <tr><td height=20>::网页源件::</td></tr> </table></div></td></tr></table> <table cellpadding=0 cellspacing=0 width=150 style="border-top:1pt solid black; border-bottom:1pt solid black;"> <tr style="cursor:hand;"><td height=18 class=menu_title onmouseover="this.className='menu_title2'" onmouseout="this.className='menu_title'" id=menuTitle4 onclick="menuChange(menu4,140,menuTitle4,arrow4);"> <span><span id=arrow4><FONT face="webdings">4</span> ::兄弟站点::</span></td></tr><tr><td> <div class=sec_menu style="width:150;height:0; filter:alpha(Opacity=0); display:none;" id=menu4> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative; top:10px;"> <tr><td height=20>征集中...</td></tr> <tr><td height=20>征集中...</td></tr> <tr><td height=20>征集中...</td></tr> <tr><td height=20>征集中...</td></tr> <tr><td height=20>征集中...</td></tr> <tr><td height=20>征集中...</td></tr> </table></div></td></tr></table></div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>tree menu by jiarry</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2FJavaScript%22%3E%20%0D%0A%3C!--%2F%2Fmade%20by%20jiarry.126.com%20Aug.27%202004%20%0D%0Afunction%20showhide_obj(obj%2Cicon)%20%0D%0A%7B%20%0D%0A%2F%2FobjStr%3Dobj.toString()%3B%20%20%20%20%20%0D%0A%2F%2Falert(objStr)%20%0D%0A%2F*objStr%3D2%3B%20%0D%0Aa%3DobjStr.toString()%2B5%3B%20%0D%0Ab%3DobjStr%2B5%20%0D%0Aalert(a)%3Balert(b)%3B%20%0D%0A*%2F%20%0D%0A%20if%20(obj.style.display%3D%3D%22none%22)%20%20%0D%0A%20%20%7B%20%20%20%20%20%0D%0A%20%20%20%20div_list%20%3D%20document.all.tags(%22div%22)%3B%20%2F%2F%E6%8C%87%E5%AE%9A%E6%96%87%E6%A1%A3%E4%B8%AD%E7%9A%84%E5%AF%B9%E8%B1%A1%E4%B8%BAdiv%2C%E4%BB%A5%E9%80%82%E7%94%A8%E4%BA%8EIE%3B%20%20%20%20%0D%0A%20%20%20%20for%20(i%3D0%3B%20i%3C%20div_list.length%3B%20i%20%2B%2B)%20%7B%20%0D%0A%20%20%20%20%20%20thisDiv%20%3D%20div_list%5Bi%5D%3B%20%20%0D%0A%20%20%20%20%20%20if(thisDiv.id.indexOf(%22title%22)!%3D-1)%2F%2F%E5%BD%93%E6%96%87%E6%A1%A3div%E4%B8%AD%E7%9A%84id%E5%90%AB%E6%9C%89list%E6%97%B6%2C%E4%B8%8EcharAt%E7%B1%BB%E4%BC%BC%3B%20%0D%0A%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%2F%2Fif(obj.id!%3Dobj)%2F%2F%E8%AF%A5div%20%E7%9A%84id%E5%8F%88%E9%9D%9E%E9%80%89%E4%B8%AD%E7%9A%84obj%2C%E8%AE%BE%E7%BD%AE%E8%AF%A5div%E7%9A%84style%E4%B8%BAnone%20%0D%0A%20%20%20%20%20%20%2F%2F%7B%20%0D%0A%20%20%20%20%20%20thisDiv.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%2F%2F%20%7D%20%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20myfont%3Ddocument.all.tags(%22font%22)%3B%20%0D%0A%20%20%20for(i%3D0%3Bi%3Cmyfont.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20thisfont%20%3D%20myfont%5Bi%5D%3B%20%0D%0A%20%20%20%20if(thisfont.id.indexOf(%22icon%22)!%3D-1%20%26%26%20icon.id!%3Dicon)%20%0D%0A%20%20%20%20%7B%20%20%20%20%0D%0A%20%20%20%20%2F%2Falert(thisfont.id)%20%0D%0A%20%20%20%20thisfont.innerHTML%3D%22%2B%22%3B%20%0D%0A%20%20%20%20%20%7D%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%20%20icon.innerHTML%3D%22-%22%3B%20%0D%0A%20%20%20%20obj.style.display%3D%22%22%3B%20%20%0D%0A%7D%20%0D%0A%20else%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%20%20%20icon.innerHTML%3D%22%2B%22%3B%20%0D%0A%20%20%20%20%20%20obj.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%7D%20%0D%0Afunction%20set_initialization(obj%2Cimg)%20%0D%0A%7B%2F%2F%E8%AE%BE%E7%BD%AE%E5%88%9D%E5%A7%8B%E7%8A%B6%E6%80%81%2C%E6%89%93%E5%BC%80%E4%B8%80%E4%B8%AA%E5%B1%82%3B%20%0D%0A%20%20%20obj.style.display%3D%22%22%3B%20%0D%0A%20%20%20img.src%3D%22images%2Ficon%2Fminus.gif%22%3B%20%0D%0A%20%20%20%7D%20%0D%0A%2F%2F%20%0D%0Afunction%20show_this(obj)%20%0D%0A%7B%20%0D%0Aif%20(obj.id%3D%3Dobj.id)%20%20%0D%0A%20%7B%20%0D%0A%20%2F%2Falert(obj.id)%20%0D%0A%20%20%20blinkicon%3Ddocument.all.tags(%22font%22)%3B%20%20%20%20%20%0D%0A%20%20%20for(x%3D0%3Bx%3Cblinkicon.length%3Bx%2B%2B)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20if(%20blinkicon%5Bx%5D.id.indexOf(%22select%22)!%3D-1%20%26%26%20obj.id!%3Dobj%20)%20%0D%0A%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%2F%2Falert(%20blinkicon%5Bx%5D.id)%20%0D%0A%20%20%20%20%20%20%20blinkicon%5Bx%5D.innerHTML%3D%22%20%22%3B%20%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20obj.innerHTML%3D%22%26gt%3B%22%3B%20%20%0D%0A%20%7D%20%0D%0A%20else%20%0D%0A%20%7B%20%0D%0A%20%20%20%20%20%20%20obj.innerHTML%3D%22%20%22%3B%20%0D%0A%20%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> <style type="text/css"> span{ width:100px;Height:25px;margin-left:15px;} font{font-weight:bold;} body,td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#333333;} div{cursor:default;border-top:1px solid gray ; border-left:1px solid gray ;border-right:1px solid gray ;background-color:#D3F7FE ;width:120px;} pre{background-color:#FFFFF1; border:1px solid gray;color:blue;font-family:verdana;Arial;padding:20px;} </style> </head> <body> <p> </p> <p> </p> <div style="line-height:25px;" onClick="showhide_obj(title1,icon1)"><font id='icon1'>+</font>栏目一</div> <div id=title1 style="background-color:#fffff3;line-height:22px;display:none;"> <span id=menu1_1 onMouseOver="this.style.backgroundColor='blue'" onMouseOut="this.style.backgroundColor=''" onclick="show_this(select1_1)"><font id='select1_1'></font>菜单一</span></font> <span id=menu1_2 onclick="show_this(select1_2)"><font id='select1_2'></font>菜单二</span></font> <span id=menu1_3 onclick="show_this(select1_3)"><font id='select1_3'></font>菜单三</span></font> </div> <div style="line-height:25px;" onClick="showhide_obj(title2,icon2)"><font id='icon2'>+</font>栏目二</div> <div id=title2 style="background-color:#fffff3;line-height:22px;display:none;"> <span id=menu2_1 onclick="show_this(select2_1)"><font id='select2_1'></font>菜单一</span></font> <span id=menu2_2 onclick="show_this(select2_2)"><font id='select2_2'></font>菜单二</span></font> <span id=menu2_3 onclick="show_this(select2_3)"><font id='select2_3'></font>菜单三</span></font> </div> <div style="line-height:25px;" onClick="showhide_obj(title3,icon3)"><font id='icon3'>+</font>栏目三</div> <div id=title3 style="background-color:#fffff3;line-height:22px;display:none;"> <span id=menu3_1 onclick="show_this(select3_1)"><font id='select3_1'></font>菜单一</span></font> <span id=menu3_2 onclick="show_this(select3_2)"><font id='select3_2'></font>菜单二</span></font> <span id=menu3_3 onclick="show_this(select3_3)"><font id='select3_3'></font>菜单三</span></font> </div> <div style="line-height:25px;" onClick="showhide_obj(title4,icon4)"><font id='icon4'>+</font>栏目四</div> <div id=title4 style="background-color:#fffff3;line-height:22px;display:none;"> <span id=menu4_1 onclick="show_this(select4_1)"><font id='select4_1'></font>菜单一</span></font> <span id=menu4_2 onclick="show_this(select4_2)"><font id='select4_2'></font>菜单二</span></font> <span id=menu4_3 onclick="show_this(select4_3)"><font id='select4_3'></font>菜单三</span></font> <span id=menu4_4 onclick="show_this(select4_4)"><font id='select4_4'></font>菜单三</span></font> <span id=menu4_5 onclick="show_this(select4_5)"><font id='select4_5'></font>菜单三</span></font> <span id=menu4_6 onclick="show_this(select4_6)"><font id='select4_6'></font>菜单三</span></font> </div> <div> <span style=" border-top:1px solid gray;width:120px;margin-left:0px;"></span> </div>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程