可多次使用的仿126郵箱選項卡的源碼
更新時間：2007年10月03日 22:08:32 作者：
選項卡我們這論壇里有不少,但同一個頁面可以多次使用的可能沒多少,我這個可以在同一個頁面里可以有多個選項卡塊.用了一個背景圖.
背景圖片已上傳上去了,支持我的幫頂一下,俺昨天花費幾個小時啊.
終于適應Ie,ff 瀏覽器.現(xiàn)在所有代碼公開給大家.希望大家喜歡.要用的趕緊拿去用吧.
類似于下面效果.
再加一個div塊時只要
<div id="Tab2">
<div class="Menubox">
<ul>
<li id="two1" onclick="setTab('two',1,4)" >新聞1</li>
<li id="two2" onclick="setTab('two',2,4)" >新聞2</li>
<li id="two3" onclick="setTab('two',3,4)">新聞3</li>
<li id="two4" onclick="setTab('two',4,4)">新聞4</li>
</ul>
</div>
<div class="Contentbox">
<div id="con_two_1" >新聞列表1</div>
<div id="con_two_2" style="display:none">新聞列表2</div>
<div id="con_two_3" style="display:none">新聞列表3</div>
<div id="con_two_4" style="display:none">新聞列表4</div>
</div>
</div>
看到上面的two沒有,把上面的這段復制下,把two改成three,或任何一個不同名的id,就完成了.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
忘記說了tab2也要改,改成tab3吧,同一個頁面div,id總不能重復吧.
背景圖片已上傳上去了,支持我的幫頂一下,俺昨天花費幾個小時啊.
終于適應Ie,ff 瀏覽器.現(xiàn)在所有代碼公開給大家.希望大家喜歡.要用的趕緊拿去用吧.
類似于下面效果.
再加一個div塊時只要
<div id="Tab2">
<div class="Menubox">
<ul>
<li id="two1" onclick="setTab('two',1,4)" >新聞1</li>
<li id="two2" onclick="setTab('two',2,4)" >新聞2</li>
<li id="two3" onclick="setTab('two',3,4)">新聞3</li>
<li id="two4" onclick="setTab('two',4,4)">新聞4</li>
</ul>
</div>
<div class="Contentbox">
<div id="con_two_1" >新聞列表1</div>
<div id="con_two_2" style="display:none">新聞列表2</div>
<div id="con_two_3" style="display:none">新聞列表3</div>
<div id="con_two_4" style="display:none">新聞列表4</div>
</div>
</div>
看到上面的two沒有,把上面的這段復制下,把two改成three,或任何一個不同名的id,就完成了.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
忘記說了tab2也要改,改成tab3吧,同一個頁面div,id總不能重復吧.
相關文章
這篇文章主要介紹了uni-app 支持多端第三方地圖定位的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01
這篇文章主要為大家詳細介紹了js HTML5 canvas繪制圖片的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
說實話，加好友的太多了，怎么辦，想個批量的辦法吧2009-02-02
本篇文章主要是對簡體中文轉換繁體中文的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
JavaScript中數(shù)組嵌套對象排序方法的示例詳解
在?JavaScript?中,可以使用?sort()?方法對包含嵌套對象的數(shù)組進行排序,本文將通過三個簡單的示例為大家進行簡單的介紹,需要的可以參考下2024-03-03
這篇文章主要介紹了ES6新特性八：async函數(shù)用法,結合實例形式分析了async函數(shù)的功能、原理、使用方法與相關注意事項,需要的朋友可以參考下2017-04-04
javascript使用alert實現(xiàn)一個精美的彈窗
其實最初使用alert還是一個常態(tài)，包括現(xiàn)在很多B端平臺還在直接使用alert，本文主要介紹了javascript使用alert實現(xiàn)一個精美的彈窗，感興趣的可以了解一下2023-02-02
小程序自定義tabbar導航欄及動態(tài)控制tabbar功能實現(xiàn)方法(uniapp)
在項目中遇到一個需求,根據(jù)不同的賬號,生成不同的tabBar,下面這篇文章主要給大家介紹了關于小程序自定義tabbar導航欄及動態(tài)控制tabbar功能實現(xiàn)方法(uniapp)的相關資料,需要的朋友可以參考下2022-12-12
本篇文章主要介紹了微信小程序開發(fā)（二）圖片上傳+服務端接收，具有一定的參考價值，有興趣的可以了解一下。2017-01-01
這篇文章主要介紹了javascript簡單的實現(xiàn)命名空間效果的方法。需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03