资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
非常酷的js图形渐隐导航菜单栏
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="keywords" content=""> <style type=text/css> body { background:#799AE1; margin:0px; font:normal 12px 宋体; } table { border:0px; } td { font:normal 12px 宋体; } img { vertical-align:bottom; border:0px; } a { font:normal 12px 宋体; color:#215DC6; text-decoration:none; } a:hover { color:#428EFF } .sec_menu { border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; overflow:hidden; background:#D6DFF7; } .menu_title { } .menu_title span { position:relative; top:2px; left:8px; color:#215DC6; font-weight:bold; } .menu_title2 { } .menu_title2 span { position:relative; top:2px; left:8px; color:#428EFF; font-weight:bold; } </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3Djavascript%3E%20%0D%0Afunction%20menuShow(obj%2Cmaxh%2Cobj2)%20%0D%0A%7B%20%0D%0A%20%20if(obj.style.pixelHeight%3Cmaxh)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%20obj.style.pixelHeight%2B%3Dmaxh%2F20%3B%20%0D%0A%20%20%20%20obj.filters.alpha.opacity%2B%3D5%3B%20%0D%0A%20%20%20%20obj2.background%3D%22images%2Ftitle_bg_hide.gif%22%3B%20%0D%0A%20%20%20%20if(obj.style.pixelHeight%3D%3Dmaxh%2F10)%20%0D%0A%20%20%20%20%20%20obj.style.display%3D'block'%3B%20%0D%0A%20%20%20%20myObj%3Dobj%3B%20%0D%0A%20%20%20%20myMaxh%3Dmaxh%3B%20%0D%0A%20%20%20%20myObj2%3Dobj2%3B%20%0D%0A%20%20%20%20setTimeout('menuShow(myObj%2CmyMaxh%2CmyObj2)'%2C'5')%3B%20%0D%0A%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20menuHide(obj%2Cmaxh%2Cobj2)%20%0D%0A%7B%20%0D%0A%20%20if(obj.style.pixelHeight%3E0)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%20if(obj.style.pixelHeight%3D%3Dmaxh%2F20)%20%0D%0A%20%20%20%20%20%20obj.style.display%3D'none'%3B%20%0D%0A%20%20%20%20obj.style.pixelHeight-%3Dmaxh%2F20%3B%20%0D%0A%20%20%20%20obj.filters.alpha.opacity-%3D5%3B%20%0D%0A%20%20%20%20obj2.background%3D%22images%2F%2Ftitle_bg_show.gif%22%3B%20%0D%0A%20%20%20%20myObj%3Dobj%3B%20%0D%0A%20%20%20%20myMaxh%3Dmaxh%20%0D%0A%20%20%20%20myObj2%3Dobj2%3B%20%0D%0A%20%20%20%20setTimeout('menuHide(myObj%2CmyMaxh%2CmyObj2)'%2C'5')%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%20%20%20%20whichContinue.click()%3B%20%0D%0A%7D%20%0D%0Afunction%20menuChange(obj%2Cmaxh%2Cobj2)%20%0D%0A%7B%20%0D%0A%20%20if(obj.style.pixelHeight)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%20menuHide(obj%2Cmaxh%2Cobj2)%3B%20%0D%0A%20%20%20%20whichOpen%3D''%3B%20%0D%0A%20%20%20%20whichcontinue%3D''%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20else%20%0D%0A%20%20%20%20if(whichOpen)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20whichContinue%3Dobj2%3B%20%0D%0A%20%20%20%20%20%20whichOpen.click()%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20else%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20menuShow(obj%2Cmaxh%2Cobj2)%3B%20%0D%0A%20%20%20%20%20%20whichOpen%3Dobj2%3B%20%0D%0A%20%20%20%20%20%20whichContinue%3D''%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <base target=main> </head> <body onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;"> <table cellpadding=0 cellspacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=42 valign=bottom> <img src=images/title.gif width=158 height=38> </td> </tr> </table> <table cellpadding=0 cellspacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=http://images.jojoo.net/js/title_bg_hide.gif id=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);"> <span>系统选项</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158px;height:80px;filter:alpha(Opacity=100);overflow:hidden;" id=menu1> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_safe.gif> 安全选项</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_recycle.gif> 垃圾邮件选项</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_dynamic.gif> 动态规则选项</a> </td> </tr> </table> </div> </td> </tr> </table> <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''%3B%20%0D%0A%3C%2Fscript%3E"> <table cellpadding=0 cellspacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=http://images.jojoo.net/js/title_bg_show.gif id=menuTitle2 onclick="menuChange(menu2,120,menuTitle2);"> <span>系统规则</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158;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=http://qybbs.net onfocus=this.blur();><img src=images/icon_ip.gif> IP过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailer.gif> 信封过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailheader.gif> 信头过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailbody.gif> 信体过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_accessory.gif> 附件过滤规则</a> </td> </tr> </table> </div> </td> </tr> </table> <table cellpadding=0 cellspacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=http://images.jojoo.net/js/title_bg_show.gif id=menuTitle3 onclick="menuChange(menu3,120,menuTitle3);"> <span>系统管理</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158;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> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_user.gif> 用户管理</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_course.gif> 进程管理</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_host.gif> 主机运行状态</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_data.gif> 数据备份</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_recycle.gif> 垃圾目录管理</a> </td> </tr> </table> </div> </td> </tr> </table> <table cellpadding=0 cellspacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=http://images.jojoo.net/js/title_bg_show.gif id=menuTitle4 onclick="menuChange(menu4,140,menuTitle4);"> <span>系统统计</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158;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> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_ip.gif> IP过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailer.gif> 信封过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailheader.gif> 信头过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailbody.gif> 信体过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_accessory.gif> 附件过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_dynamic.gif> 动态规则统计</a> </td> </tr> </table> </div> </td> </tr> </table> <table cellpadding=0 cellspacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=http://images.jojoo.net/js/title_bg_quit.gif> <span>退出系统</span> </td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程