用選項卡布局成的網(wǎng)站首頁_層和布局特效

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

<html>
<head>
<title>選項卡布局網(wǎng)站首頁</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億前撞擊了地球，而后地球發(fā)生了變化，開始出現(xiàn)生命……</div>
    <div id="mrc3" class="hidemrc">我是傳奇</div>
  </div>
</div>
<div id="bottom">marvellous &copy;版權所有2000-2006</div>
</body>
<html>

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

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

相關層和布局特效：

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

層和布局特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索用選項卡布局成的網(wǎng)站首頁
特效說明：
層和布局模板-用選項卡布局成的網(wǎng)站首頁。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

用選項卡布局成的網(wǎng)站首頁_層和布局特效

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

層和布局特效推薦

猜你也喜歡看這些