新浪博客左侧的Blog管理菜单

2024-09-05 12:20:13

字体：大中小

来源：转载

供稿：网友

新浪博客左侧的Blog管理菜单，我们变通一下，如果你在设计程序，那么本款菜单用到后台管理中想必应该很合适吧，图片是调用新浪的，用了比较多的图片，你用的时候最好是下载到本地，以免新浪哪天改版了，你就傻了。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>新浪博客左侧的管理菜单</title><style type="text/css"></style><script>function $(_sId){	return document.getElementById(_sId);}function exist(_sId){	var oObj = $(_sId);	return oObj != null ? oObj : false;}function dw(_sTxt){	document.write(_sTxt);}function hide(_sId){	$(_sId).style.display = $(_sId).style.display == "none" ? "" : "none";}function onlyShow(_sId, _iNum, _sPic, _sTxt1, _sTxt2){	var i = 0;	var oCurr = exist(_sId + i);	while(oCurr){		oCurr.style.display = "none";		$(_sPic + i).src = _sTxt2;		i++;		oCurr = exist(_sId + i)	}	$(_sId + _iNum).style.display = "";	$(_sPic + _iNum).src = _sTxt1;}function swapShow(_sId){	var i = 0;	var oCurr = exist(_sId + i);	while(oCurr){		hide(_sId + i);		i++;		oCurr = exist(_sId + i)	}}function seekKey(_sKey){	var i = 0;	while(exist(_sKey + i)){		i++;	}	return i;}function swapPic(_sId,_sAttr,_sTxt1, _sTxt2) {	$(_sId)[_sAttr] = $(_sId)[_sAttr].indexOf(_sTxt1) > -1 ? _sTxt2 : _sTxt1;}function swap(_sId,_sAttr,_sTxt1, _sTxt2) {	$(_sId)[_sAttr] = $(_sId)[_sAttr] == _sTxt1 ? _sTxt2 : _sTxt1;}function moveGif(_sId){	swap(_sId,'className','marginLeft2','');}function moveStart(_sId){	__tmp__time = setInterval("moveGif('" + _sId + "')",200);}function moveStop(_sId){	clearInterval(__tmp__time);	$(_sId).className = "marginLeft2";}function switchShow(){	hide('left');	swapPic('arrow','src','http://image2.sina.com.cn/blog/tmpl/v3/control/images/control_switch_up.gif','http://image2.sina.com.cn/blog/tmpl/v3/control/images/control_switch_down.gif');	swapShow('hideLeft');	swapShow('hideBody');}function scroll_to_top(){	document.body.scrollTop=0;}function mainFrameRedirect(url){	oo = document.getElementById("mainFrame");	oo.url = url;}</script></head><body>		<table align="left" width="220" border="0" cellspacing="0" cellpadding="0">			<tr>				<td height="50" align="left" valign="top">	  			<table width="205"  border="0" cellspacing="0" cellpadding="0" class="ctrl_menu">		  <tr height="5"><td></td></tr>		  <tr>			<td align="center">						<table width="195" border="0" cellspacing="0" cellpadding="0" class="ctrl_menu_title_bg">              <tr class="hand" onClick="hide('hideMenuFunc3')">                <td width="174" class="ctrl_menu_title">BLOG文章管理</td>                <td width="21"><image id='MenuFunc3' src="http://image2.sina.com.cn/blog/tmpl/v3/control/images/menu_title_down.gif"></td>              </tr>              <tr id="hideMenuFunc3">                <td align="left" colspan="2" class="menu_box_pad">                <table width="100%" border="0" cellspacing="5" cellpadding="0" class="menu_box">                    <tr>                      <th> </th>                      <td>发表BLOG文章</td>                    </tr>                    <tr>                      <th> </th>                      <td>BLOG文章管理</td>                    </tr>                    <tr>                      <th> </th>                      <td>BLOG评论管理</td>                    </tr>                </table>				</td>              </tr>            </table>						</td>		  </tr>		  <tr height="5"><td></td></tr>		  <tr>			<td align="center">						<table width="195" border="0" cellspacing="0" cellpadding="0" class="ctrl_menu_title_bg">              <tr class="hand" onClick="hide('hideMenuFunc2')">                <td width="174" class="ctrl_menu_title">BLOG信息设置</td>                <td width="21"><image id='MenuFunc2' src="http://image2.sina.com.cn/blog/tmpl/v3/control/images/menu_title_down.gif"></td>              </tr>              <tr id="hideMenuFunc2">                <td align="left" colspan="2" class="menu_box_pad" >	<table width="100%" border="0" cellspacing="5" cellpadding="0" class="menu_box">	                    <tr>	                      <th> </th>	                      <td>更改基本信息</td>	                    </tr>	                    <tr>	                      <th> </th>	                      <td>定制我的模板</td>	                    </tr>	                    <tr>	                      <th> </th>	                      <td>首页内容维护</td>	                    </tr>                    </table></td>              </tr>            </table></td>		  </tr>		  <tr height="5"><td></td></tr>		  <tr>			<td align="center">						<table width="195" border="0" cellspacing="0" cellpadding="0" class="ctrl_menu_title_bg">              <tr class="hand" onClick="hide('hideMenuFunc1')">                <td width="174" class="ctrl_menu_title">个人信息设置</td>                <td width="21"><image id='MenuFunc1' src="http://image2.sina.com.cn/blog/tmpl/v3/control/images/menu_title_down.gif"></td>              </tr>              <tr id="hideMenuFunc1" style="display:none">                <td align="left" colspan="2" class="menu_box_pad">	<table width="100%" border="0" cellspacing="5" cellpadding="0" class="menu_box">                      <tr>                        <th> </th>                        <td>更改基本资料</td>                      </tr>                      <tr>                        <th> </th>                        <td>登录默认选项</td>                      </tr>                    </table>				</td>              </tr>            </table>						</td>		  </tr>		  <tr height="5"><td></td></tr>		  </table>	</body></html>

上一篇：简单漂亮的导航条

下一篇：虽简单，但实用的CSS二级展开导航栏