頁:
[1]
[JQuery]自製JQuery Tab元件
本帖最後由 我愛小笨蛋 於 2015-1-23 05:32 PM 編輯雖然有人常會說JQuery UI都有提供Tab Plug-in 為什麼還要吃飽太閒自己寫一個勒
這是因為當初有客戶用的是IE6呀 造成很多JQuery的東西用起來很不順手
所以自己寫了一個 實測IE6是可以用的 所以分享出來
不過我寫的只有框架並沒有做美化就是了，這樣才可以讓想自己做
Tab Plug-in的人可以有乾淨一點的Code可以用
這個插件在JQuery的部分我有做模組化過 所以基本上是可以重複套用的
下面就做一些簡單的介紹囉
HTML CODE
<div id="tabs">
<ul>
<li id="tab1"><div class='locked'>下載: <em>訪客無法瀏覽下載點，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div></li>
<li id="tab2"><div class='locked'>下載: <em>訪客無法瀏覽下載點，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div></li>
<li id="tab3"><div class='locked'>下載: <em>訪客無法瀏覽下載點，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div></li>
</ul>
<div id="tabDiv1" class="tabsty">tabDiv1</div>
<div id="tabDiv2" class="tabsty">tabDiv2</div>
<div id="tabDiv3" class="tabsty">tabDiv3</div>
</div>...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>
頁:
[1]