可多次使用的仿126郵箱選項(xiàng)卡的源碼
更新時(shí)間：2007年10月03日 22:08:32 作者：
選項(xiàng)卡我們這論壇里有不少,但同一個(gè)頁(yè)面可以多次使用的可能沒多少,我這個(gè)可以在同一個(gè)頁(yè)面里可以有多個(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需再刷新一下頁(yè)面才能執(zhí)行]
忘記說(shuō)了tab2也要改,改成tab3吧,同一個(gè)頁(yè)面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需再刷新一下頁(yè)面才能執(zhí)行]
忘記說(shuō)了tab2也要改,改成tab3吧,同一個(gè)頁(yè)面div,id總不能重復(fù)吧.
相關(guān)文章
這篇文章主要介紹了js打開word文檔預(yù)覽操作,結(jié)合實(shí)例形式分析了兩種javascript打開word文檔在線預(yù)覽相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
layer彈出層 iframe層去掉滾動(dòng)條的實(shí)例代碼
今天小編就為大家分享一篇layer彈出層 iframe層去掉滾動(dòng)條的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成（升級(jí)版）
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序頁(yè)面上下滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了js圖片自動(dòng)輪播代碼，利用圖片width顯示位置來(lái)播放圖片和利用數(shù)組放入圖片經(jīng)行輪播,需要的朋友可以參考下2014-05-05
JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法
這篇文章主要介紹了JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法,實(shí)例分析了javascript使用Ajax技術(shù)操作XML文件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
Javascript模擬加速運(yùn)動(dòng)與減速運(yùn)動(dòng)代碼分享
這篇文章主要介紹了Javascript加速運(yùn)動(dòng)與減速運(yùn)動(dòng)代碼分享,需要的朋友可以參考下2014-12-12
高性能WEB開發(fā) flush讓頁(yè)面分塊,逐步呈現(xiàn) flush讓頁(yè)面分塊,逐步呈現(xiàn)
在處理比較耗時(shí)的請(qǐng)求的時(shí)候，我們總希望先讓用戶先看到部分內(nèi)容，讓用戶知道系統(tǒng)正在進(jìn)行處理，而不是無(wú)響應(yīng)。2010-06-06
這篇文章主要介紹了JavaScript三大變量聲明詳析,三大變量聲明主要包括var、const和let，下面文章我們就圍繞三者展開詳細(xì)內(nèi)容介紹，需要的朋友可以參考一下2022-06-06
基于javascript實(shí)現(xiàn)仿百度輸入框自動(dòng)匹配功能
這篇文章主要介紹了基于javascript實(shí)現(xiàn)仿百度輸入框自動(dòng)匹配功能的相關(guān)資料,需要的朋友可以參考下2016-01-01