关于我们

简洁通用性更强的选项卡代码

发布日期：2014-02-20 14:08:00  1113

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

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>

调用方法

onmoucss样式。

例：

选项卡部分

<ul>

</ul>

</div>

内容显示部分

<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中国（上海）国际健身、保健康复器材展览会及早启动参展计划，抢占先机">2014中国（上海）国际健身、保健康复器材展览会及早启动参展计划，抢占先机</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="上海健康美丽产业博览会引导消费新潮流">上海健康美丽产业博览会引导消费新潮流</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武汉地区老干部门球赛收杆体现赛场和谐氛围">2012武汉地区老干部门球赛收杆体现赛场和谐氛围</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="“船震门”主角画家安云霁：我要起诉全体网民！">“船震门”主角画家安云霁：我要起诉全体网民！</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="济南展开青少年毽球健身等级测评认定引广泛关注">济南展开青少年毽球健身等级测评认定引广泛关注</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年全国毽球教练和轮滑教练培训在深圳举行">2011年全国毽球教练和轮滑教练培训在深圳举行</a></li>

</ul>

</div>

<ul>

<li><span class="f_r px11 f_gray">11-11</span><a href="http://www.zhonghuajs.com/news/201211/11/581.html" title="国际网联修改2016年里约奥运会网球项目入围资格">国际网联修改2016年里约奥运会网球项目入围资格</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="中国田协回应日媒：北京马拉松并未拒绝日本人参赛">中国田协回应日媒：北京马拉松并未拒绝日本人参赛</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年伦敦奥运会皮划艇激流回旋亚洲区资格赛落幕">2012年伦敦奥运会皮划艇激流回旋亚洲区资格赛落幕</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="国际象棋女团世锦赛中国队首战险胜东道主土耳其">国际象棋女团世锦赛中国队首战险胜东道主土耳其</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 冬奥冠军领跑冰舞">花滑赛加拿大站陈伟群失误暂第3 冬奥冠军领跑冰舞</a></li>

</ul>

</div>

News新闻

相关关键词

关于我们

最新文章

简洁通用性更强的选项卡代码

相关文章