用選項卡布局成的網站首頁_層和布局特效

用選項卡布局成的網站首頁，你可以在這個大選項卡中布局一些背景圖片，這樣它就更漂亮了，用這種效果制作出首頁，其實還是蠻不錯的，挺個性。

<html>
<head>
<title>選項卡布局網站首頁</title>
<style type="text/css"> 

</style>
<script> 
function bluring(){ 
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus(); 
} 
document.onfocusin=bluring; 
</script>
<script language="javascript"> 
function switchTag(tag,mrc)
{
  for(i=1; i <3; i++)
  {
    if ("tag"+i==tag)
    {
      document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i;
      document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i;
    }else{
      document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";
      document.getElementById("tag"+i).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="";
    }
    if ("mrc"+i==mrc)
    {
      document.getElementById(mrc).className="";
    }else{
      document.getElementById("mrc"+i).className="hidemrc";
    }
    document.getElementById("mrc").className=mrc;
  }
}
</script>
</head>
<body>
<div id="top"></div>
<div id="container">
  <div id="title">
    <ul>
      <li id="tag1"><a href="#" onclick="switchTag('tag1','mrc1');this.blur();" class="selectli1"><span>我的首頁</span></a></li>
      <li id="tag2"><a href="#" onclick="switchTag('tag2','mrc2');this.blur();"><span>何許人也？</span></a></li>
      <li id="tag3"><a href="#" onclick="switchTag('tag3','mrc3');this.blur();"><span>苦澀北漂</span></a></li>
    </ul>
  </div>
  <div id="mrc" class="mrc1">
    <div id="mrc1">我喜歡說老實話，辦老實事，做老實人......</div>
    <div id="mrc2" class="hidemrc">我來自銀河系，30億前撞擊了地球，而后地球發生了變化，開始出現生命……</div>
    <div id="mrc3" class="hidemrc">我是傳奇</div>
  </div>
</div>
<div id="bottom">marvellous &copy;版權所有2000-2006</div>
</body>
<html>

所屬頻道：層和布局特效/更新時間：2012-11-17

[收藏][報錯][返回列表]

相關層和布局特效：

用選項卡布局成的網站首頁_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些