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