需要jquery支持，父容器需position：relative定義
網頁代碼如下： <div class="tbox">
<div class="titcon">
<li class="On" onMouseOver="tab(this,0,0)"><em>網奇動態</em></li>
<li class="Off" onMouseOver="tab(this,1,0)"><em>網奇原創</em></li>
</div>
<div class="cont">
<div id="wq_0"> 這里顯示網奇動態 </div>
<div id="wq_1" style=" position:absolute; left:5000px"> 這里顯示網奇原創 </div>
</div>
</div>
js代碼如下：
function tab(a,b,c){
var d,e,g,f,w
d=$(a).parent().find("li");
e=d.length+c;
g=b-c;
for(i=c ; i<e ;i++){
f=e-i-1;
$(d).eq(f).attr("class","Off");
$("#wq_"+i).css({"position":"absolute","left":3000})
}
$(d).eq(g).attr("class","On");
w=$("#wq_"+b).parent().innerWidth()-parseInt($("#wq_"+b).css("padding-left").replace(/[^0-9]/ig, ""))-parseInt($("#wq_"+b).css("padding-right").replace(/[^0-9]/ig, ""));
$("#wq_"+b).css({"position":"absolute","width":w,"left":0})
$("#wq_"+b).parent().height($("#wq_"+b).height());
}