摘要:[jQuery] 自行開發的Tab小plugin
之前設計常常因為要用tab而傷腦筋，
雖然jquery有它的Plugins UI ，但是有點不符合我們美術想要的功能，而且功能有點太多了，所以他們不太好用，
之前實在沒什麼時間，主要是有很多的案子在跑，所以很潦草的開發了一支js給美術用，
最近突然有點小空閒，因為之前寫的不太好，就重新改寫成jquery的plugin，所以獻醜了，
點此下載 MyTab.zip (內有Demo)
我們美術常常是使用CSS來做Tab，所以我用CSS大概模擬了一個簡易範例的架構如下：
<div id="TabContent">
<ul class="Menu">
<li>即時新聞</li>
<li>國際</li>
<li>體育</li>
<li>娛樂</li>
</ul>
<div id="Contents" style=" width:1000px; display:block; margin-top:20px; background-color:Silver;">
</div>
</div>
<ul class="Menu">
<li>即時新聞</li>
<li>國際</li>
<li>體育</li>
<li>娛樂</li>
</ul>
<div id="Contents" style=" width:1000px; display:block; margin-top:20px; background-color:Silver;">
</div>
</div>
<ul> 那部份就是頁籤的部分，主要要搭配CSS，可以參考範例檔，div #Contents那就是顯示內容的區塊，
plugin的參數如下：
- TabBlock: "ul.Menu li", (此處是指Tab的區塊)
- ContentBlock: "#Contents", (內容顯示的區塊)
- StartSelected: "1", (頁面初始要選擇的第幾個Tab，起填寫數字，由0開始，所以1就是第二個Tab，Null為不選，)
- OriginClass: ["tab1", "tab2", "tab3", "tab4"], (Tab原始的Class，有幾個Tab就填幾個，即使相同的也填上去，因為是用陣列去存取，所以會去抓取對印的)
- PressClass: ["tab1Press", "tab2Press", "tab3Press", "tab4Press"], (Tab被選擇後的Class，有幾個Tab就填幾個 )
- LoadPage: ["tab1.htm", "tab2.htm", "tab3.htm", "tab4.htm"], (按下去後抓取資料的頁面，有幾個Tab就填幾個)
- PageData: [" #content", "", "", ""] (傳遞的Get資料或是錨點，可抓取LoadPage的特定區塊，可參考範例的 tab1.htm)
以上就是一個簡單的Tab Plugin，End...