jquery使用index()方法輕鬆實現tabs切換

163的tabs很簡單，但是參數多，這裏用jquery不用參數即可tabs，也很簡單。

 

話說最近在用index()實現tabs,代碼也不多：

 

$(function(){
    var $title = $("h3 a");
    var $content = $("div");
    $title.mousemove(function(){
        var index = $title.index($(this));
        $content.hide();
        $($content.get(index)).show();

        return false;
    });
});

 

 

/* 這是js寫法，下面給你相應的html結構，當然css要定義div第一個顯示，其他隱藏纔行 */

<h3>
<a href="#">選擇1</a>
<a href="#" >選擇2</a>
<a href="#">選擇3</a>
<a href="#" >選擇4</a>
</h3>

<div>選擇1的內容</div>
<div>選擇2的內容</div>
<div>選擇3的內容</div>
<div>選擇4的內容</div>