铁雪资源网 Design By www.gsvan.com
本文实例讲述了JS实现新浪博客左侧的Blog管理菜单效果代码。分享给大家供大家参考，具体如下：
这里介绍新浪博客左侧的Blog管理菜单，我们变通一下，如果你在设计程序，那么本款菜单用到后台管理中想必应该很合适吧，图片是调用新浪的，用了比较多的图片，你用的时候最好是下载到本地，以免新浪哪天改版了，你就傻了。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-sina-blog-left-menu-style-codes/
具体代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新浪博客左侧的管理菜单</title>
<style type="text/css">
<!--
body{margin:0;padding:0;background:url("images/bg.gif")}
body, td{font-size:12px}
.menu_box_pad{background:#fdf9d5;padding:0 2px 2px 2px}
.menu_box{border-top:1px solid #ababab;border-left:1px solid #ababab;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.menu_box th{background:url('images/menu_list_icon.gif') no-repeat center;line-height:22px;width:10px}
.menu_box td{background:url('images/menu_list_split.gif') no-repeat left bottom;line-height:20px}
.menu_box a{text-decoration:none;color:#000}
.menu_box a:hover{text-decoration:underline}
.hand{cursor:hand;cursor:pointer}
.ctrl_menu{border-left:1px solid #767676;border-bottom:1px solid #767676;border-right:1px solid #767676;background:#ffcf60}
.ctrl_menu_title{padding-left:15px;font-weight:bold;line-height:25px}
.ctrl_menu_title_bg{background:url('images/menu_title_bg.gif')}
.top_bg{background:url("images/top_bg.gif")}
.logo_bg{background:url("images/logo_bg.gif")}
#top_nav_menu {color:#fff}
#top_nav_menu a{text-decoration:none;color:#fff}
#top_nav_menu a:hover{text-decoration:underline;color:#ff6}
-->
</style>
<script>
function $(_sId){
return document.getElementById(_sId);
}
function exist(_sId){
var oObj = $(_sId);
return oObj != null "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 "moveGif('" + _sId + "')",200);
}
function moveStop(_sId){
clearInterval(__tmp__time);
$(_sId).className = "marginLeft2";
}
function switchShow(){
hide('left');
swapPic('arrow','src','images/control_switch_up.gif','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">
<!-- BLOG文章 -->
<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="/UploadFiles/2021-04-02/menu_title_down.gif">
希望本文所述对大家JavaScript程序设计有所帮助。
铁雪资源网 Design By www.gsvan.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
铁雪资源网 Design By www.gsvan.com
暂无JS实现新浪博客左侧的Blog管理菜单效果代码的评论...
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/12/28
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。