添加多功能菜单 ( multi tab )

效果如图

( 不包括框框 )

可以节省部落格空间

看了很整洁 :D

登入部落格 > 设计 > Edit Html

按 CTRL + F 寻找

</head>

把以下的代码 paste 在它的前面



<script type='text/javascript'>

//<![CDATA[

function tabtampil_oom(TPID, id)

{

var Tabtampil = document.getElementById(TPID);

var TTs = Tabtampil.firstChild;

while (TTs.className != "TTs" ) TTs = TTs.nextSibling;

var TT = TTs.firstChild;

var i   = 0;

do

{

if (TT.tagName == "A")

{

i++;

TT.href      = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";

TT.className = (i == id) ? "Active" : "";

TT.blur();

}

}

while (TT = TT.nextSibling);

var Halamans = Tabtampil.firstChild;

while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;

var Halaman = Halamans.firstChild;

var i    = 0;

do

{

if (Halaman.className == 'Halaman')

{

i++;

if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";

Halaman.style.overflow = "auto";

Halaman.style.display  = (i == id) ? 'block' : 'none';

}

}

while (Halaman = Halaman.nextSibling);

}

function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);

}

function tabtampil_inisial(TPID) { tabtampil_oom(TPID,  1);

document.write('');}

//]]>

</script>

然后呢 , 按 SAVE

可是还没好哦 !

再去设计 > 添加小工具

<style type="text/css"> 

div.TabTampil div.TTs 

{height: 24px; overflow: hidden; } 

div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active 

{ background-color: #f8f8f8; } 

div.TabTampil div.Halamans 

{ clear: both; border: 1px solid #transperant; overflow: hidden; background-color:#ffffff;} 

div.TabTampil div.Halamans div.Halaman 

{ height: 100%; padding: 0px; overflow: hidden; } 

div.TabTampil div.Halamans div.Halaman div.Alas 

{ padding: 3px 5px; } 

div.TabTampil div.TTs a 

{ border-left:1px solid #000000; border-right:1px solid #000000; border-top:0px dashed #000000; border-bottom:0px dashed #000000; float: left; 

display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif; 

font-size: 11px; font-weight: 900; color: #000000} 

</style> 

<form action="tabtampil.html" method="get"> 

<div id="TabTampil" class="TabTampil"> 

<div style="width: 300px;" class="TTs"> <a>标题1</a> <a>标题2</a> <a>标题3</a></div> 

<div style="width: 300px; height: 300px;" class="Halamans"> 

<div class="Halaman"> 

<div class="Alas"> 

<br/> 



 内容1





</div>

</div>

<div class="Halaman">

<div class="Alas">

<br/>



内容2



</div>

</div>

<div class="Halaman">

<div class="Alas">

<br/>



 内容3



</div>

</div>

</div>

</div>

</form>

<script type="text/javascript">tabtampil_inisial('TabTampil');</script>