您的位置:首页 > 其它

IBM一堂活生生的商业“政治”课

2011-03-25 14:27 190 查看
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style/NewMaster.css" rel="stylesheet" type="text/css" />
</head>

<script>
function ShowLayers(n,m)
{
for(i=1;i<=m;i++)
{
eval("content" + i).style.display="none";
eval("title"+i+".className='menu-off';");
}
eval("title"+n+".className='menu-on';");
eval("content" + n).style.display="";
}
</script>

<body>

<div class="menu">
<div class="menu-inner">
<ul>
<li height="20" id="title1" class="menu-on"><a onclick="javascript:ShowLayers(1,5);">标题1</a></li>
<li id="title2" class="menu-off"><a onclick="javascript:ShowLayers(2,5);">标题2</a></li>
<li id="title3" class="menu-off"><a onclick="javascript:ShowLayers(3,5);">标题3</a></li>
<li id="title4" class="menu-off"><a onclick="javascript:ShowLayers(4,5);">标题4</a></li>
<li id="title5" class="menu-off"><a onclick="javascript:ShowLayers(5,5);">标题5</a></li>
</ul>
</div>
</div>

<div  id="content1" style="display:inline;border:1px solid #d6d6d6;width:100%;padding:8px;" class="Main">
内容1
</div>
<div  id="content2" style="display:none;border:1px solid #d6d6d6;width:100%;padding:8px;" class="Main" >
内容2
</div>
<div  id="content3" style="display:none;border:1px solid #d6d6d6;width:100%;padding:8px;" class="Main">
内容3
</div>
<div  id="content4" style="display:none;border:1px solid #d6d6d6;width:100%;padding:8px;" class="Main">
内容4
</div>
<div  id="content5" style="display:none;border:1px solid #d6d6d6;width:100%;padding:8px;" class="Main">
内容5
</div>

</body>
 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: