Very cool js graphics fade navigation menu bar

Source: Internet
Author: User

<Html> <pead> <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> <base target = main> </pead> <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> </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 ); "> System Options </td> </tr> <td> <table cellpadding = 0 cellspacing = 0 align = center width = 135 style =" position: relative; top: 10px; "> <tr> <td height = 20> Security Options </td> </tr> <td height = 20> spam options </td> </tr> <tr> <td height = 20> Dynamic Rule options </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 = menuTitle2 onclick = "menuChange (menu2, 120, menuTitle2 ); "> system rules </td> </tr> <td> <table cellpadding = 0 cellspacing = 0 align = center width = 135 style =" position: relative; top: 10px; "> <tr> <td height = 20> IP address filtering rules </td> </tr> <td height = 20> envelope filtering rules </td> </ tr> <td height = 20> header filter rules </td> </tr> <td height = 20> body filter rules </td> </tr> <td height = 20> attachment filtering rules </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 ); "> system management </td> </tr> <td> <table cellpadding = 0 cellspacing = 0 align = center width = 135 style =" position: relative; top: 10px; "> <tr> <td height = 20> User management </td> </tr> <td height = 20> process management </td> </tr> <tr> <td height = 20> host running status </td> </tr> <td height = 20> data backup </td> </tr> <tr> <td height = 20> junk directory management </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 ); "> system Statistics </td> </tr> <td> <table cellpadding = 0 cellspacing = 0 align = center width = 135 style =" position: relative; top: 10px; "> <tr> <td height = 20> IP address filter Statistics </td> </tr> <td height = 20> envelope filter Statistics </td> </ tr> <td height = 20> header filter Statistics </td> </tr> <td height = 20> body filter Statistics </td> </tr> <td height = 20> attachment filter Statistics </td> </tr> <td height = 20> Dynamic Rule Statistics </td> </tr> </table> </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> exit system </td> </tr> </table> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.