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