国产精品成人VA在线观看,亚洲日韩在线中文字幕综合,亚洲AV电影天堂男人的天堂,久久人人爽人人爽人人av东京热


News新聞

業(yè)界新聞動態(tài)、技術(shù)前沿
Who are we?

您的位置：首頁      JS/JQ/AJAX      簡潔通用性更強的選項卡代碼

簡潔通用性更強的選項卡代碼

標(biāo)簽： 發(fā)布日期：2014-02-20 14:08:00 1363

重要的是JS代碼，使用了JQ特效

<script type="text/javascript">
function $(ID) {return document.getElementById(ID);}
function Ds(i) {$(i).style.display = '';}
function Dh(i) {$(i).style.display = 'none';}
function Df(i) {$(i).focus();}
var tID=0;
function Tb(d, t, p, c) {
for(var i=1; i<=t; i++) {
if(d == i) {$(p+'_t_'+i).className = c+'_2'; Ds(p+'_c_'+i);} else {$(p+'_t_'+i).className = c+'_1'; Dh(p+'_c_'+i);}
}
}
</script>
 
調(diào)用方法
onmoucss樣式。
 
例：
選項卡部分
<div class="tab_head">
<ul>
<li class="tab_1" id="news1_t_1" onmouSEOver="Tb(1, 2, 'news1', 'tab');"><a href="/news/list.php?catid=56">體壇快訊</a></li>
<li class="tab_2" id="news1_t_2" onmouseover="Tb(2, 2, 'news1', 'tab');"><a href="/news/list.php?catid=55">國際之聲</a></li>
</ul>
</div>
內(nèi)容顯示部分
<div id="news1_c_1" style="display: none;">
<ul>
<li><span class="f_r px11 f_gray">02-10</span><a href="http://www.zhonghuajs.com/news/201402/10/588.html" title="“零重力”的按摩體驗">“零重力”的按摩體驗</a></li>
<li><span class="f_r px11 f_gray">12-27</span><a href="http://www.zhonghuajs.com/news/201312/27/584.html" title="2014中國（上海）國際健身、保健康復(fù)器材展覽會 及早啟動參展計劃，搶占先機">2014中國（上海）國際健身、保健康復(fù)器材展覽會 及早啟動參展計劃，搶占先機</a></li>
<li><span class="f_r px11 f_gray">05-28</span><a href="http://www.zhonghuajs.com/news/201305/28/582.html" title="上海健康美麗產(chǎn)業(yè)博覽會引導(dǎo)消費新潮流">上海健康美麗產(chǎn)業(yè)博覽會引導(dǎo)消費新潮流</a></li>
<li><span class="f_r px11 f_gray">11-09</span><a href="http://www.zhonghuajs.com/news/201211/09/579.html" title="2012武漢地區(qū)老干部門球賽收桿 體現(xiàn)賽場和諧氛圍">2012武漢地區(qū)老干部門球賽收桿 體現(xiàn)賽場和諧氛圍</a></li>
<li><span class="f_r px11 f_gray">11-09</span><a href="http://www.zhonghuajs.com/news/201211/09/577.html" title="2012北京馬拉松賽25日鳴槍 賽事報名8日全面啟動">2012北京馬拉松賽25日鳴槍 賽事報名8日全面啟動</a></li>
<li><span class="f_r px11 f_gray">12-27</span><a href="http://www.zhonghuajs.com/news/201112/27/576.html" title="“船震門”主角畫家安云霽：我要起訴全體網(wǎng)民！">“船震門”主角畫家安云霽：我要起訴全體網(wǎng)民！</a></li>
<li><span class="f_r px11 f_gray">12-26</span><a href="http://www.zhonghuajs.com/news/201112/26/572.html" title="濟南展開青少年毽球健身等級測評認(rèn)定 引廣泛關(guān)注">濟南展開青少年毽球健身等級測評認(rèn)定 引廣泛關(guān)注</a></li>
<li><span class="f_r px11 f_gray">12-26</span><a href="http://www.zhonghuajs.com/news/201112/26/571.html" title="2011年全國毽球教練和輪滑教練培訓(xùn)在深圳舉行">2011年全國毽球教練和輪滑教練培訓(xùn)在深圳舉行</a></li>
</ul>
</div>
<div id="news1_c_2" style="">
<ul>
<li><span class="f_r px11 f_gray">11-11</span><a href="http://www.zhonghuajs.com/news/201211/11/581.html" title="國際網(wǎng)聯(lián)修改2016年里約奧運會網(wǎng)球項目入圍資格">國際網(wǎng)聯(lián)修改2016年里約奧運會網(wǎng)球項目入圍資格</a></li>
<li><span class="f_r px11 f_gray">11-11</span><a href="http://www.zhonghuajs.com/news/201211/11/580.html" title="中國田協(xié)回應(yīng)日媒：北京馬拉松并未拒絕日本人參賽">中國田協(xié)回應(yīng)日媒：北京馬拉松并未拒絕日本人參賽</a></li>
<li><span class="f_r px11 f_gray">12-26</span><a href="http://www.zhonghuajs.com/news/201112/26/573.html" title="2011世界拳壇最佳評選日前揭曉 沃德榮膺最佳拳手">2011世界拳壇最佳評選日前揭曉 沃德榮膺最佳拳手</a></li>
<li><span class="f_r px11 f_gray">12-20</span><a href="http://www.zhonghuajs.com/news/201112/20/569.html" title="女手世錦賽-挪威32-24法國奪冠 攜瑞典直通倫敦">女手世錦賽-挪威32-24法國奪冠 攜瑞典直通倫敦</a></li>
<li><span class="f_r px11 f_gray">12-20</span><a href="http://www.zhonghuajs.com/news/201112/20/568.html" title="2012年倫敦奧運會皮劃艇激流回旋亞洲區(qū)資格賽落幕">2012年倫敦奧運會皮劃艇激流回旋亞洲區(qū)資格賽落幕</a></li>
<li><span class="f_r px11 f_gray">12-20</span><a href="http://www.zhonghuajs.com/news/201112/20/567.html" title="珠海國際半程馬拉松 摩洛哥肯尼亞分獲男女冠軍">珠海國際半程馬拉松 摩洛哥肯尼亞分獲男女冠軍</a></li>
<li><span class="f_r px11 f_gray">12-20</span><a href="http://www.zhonghuajs.com/news/201112/20/566.html" title="國際象棋女團世錦賽 中國隊首戰(zhàn)險勝東道主土耳其">國際象棋女團世錦賽 中國隊首戰(zhàn)險勝東道主土耳其</a></li>
<li><span class="f_r px11 f_gray">10-31</span><a href="http://www.zhonghuajs.com/news/201110/31/557.html" title="花滑賽加拿大站陳偉群失誤暫第3 冬奧冠軍領(lǐng)跑冰舞">花滑賽加拿大站陳偉群失誤暫第3 冬奧冠軍領(lǐng)跑冰舞</a></li>
</ul>
</div>