新浪选项卡效果

最新推荐文章于 2025-09-13 11:59:05 发布

转载最新推荐文章于 2025-09-13 11:59:05 发布 · 1.4k 阅读

文章标签：

#function #class #float #javascript #null #xhtml

Javascript类同时被 3 个专栏收录

112 篇文章

订阅专栏

DHTML类

103 篇文章

订阅专栏

CSS类

53 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
<![CDATA[//><!--

//--><!]]>
</script>
<style type="text/css">
html, body, ul, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img {margin: 0;padding: 0;border: 0;}
ul{list-style-type:none;}
.FixTab{height:28px;overflow:hidden;background:url(http://i1.sinaimg.cn/blog/blog08/ruiblog/images/cgblog_hz_016.gif) repeat-x left top;line-height:28px;border-right:1px solid #d7eba0;}
.FixTab ul{float:left;border-left:1px solid #d7eba0;}
.FixTab li{float:left;border-top:1px solid #d7eba0;border-right:1px solid #d7eba0;font-size:14px;font-weight:bold;padding:0 10px;cursor:pointer;}
.FixTab li.selected{background:#FFF;color:#509102;}
.FixTab span.right{float:right;padding-right:10px;}
.FixTab li a {color:#000000;}
.FixTab li a:hover{color:#FF0000;}

.F14lists ul{padding:5px 10px;line-height:23px;}
.F14lists li{height:23px;overflow:hidden;padding-left:10px;background:url(http://i1.sinaimg.cn/blog/blog08/ruiblog/images/cgblog_hz_007.gif) no-repeat left 10px;vertical-align:bottom;}
.F14lists li p{float:left;font-size:14px;}
.F14lists li span{float:right;}
.F14lists li span a:link{color:#585858;}
.F14lists li span a:hover{color:#FF0000;}

.c_slipt{font-size:0;line-height:0;height:3px;overflow:hidden;background:url(http://i0.sinaimg.cn/blog/blog08/ruiblog/images/cgblog_hz_020.gif) no-repeat center top;clear:both;}

.closeClassName {color:#FF0000;}
.openClassName {background-color:#666666;}

</style>
</head>

<body>

<div class="FixTab" style="margin:0 10px;">
    <ul id="SubShow_02">
     <li id="SS_02_01">博乐推荐</li>
     <li id="SS_02_02"><a href="http://blog.sina.com.cn/lm/ruiblog/cgsy/more.html" target="_blank" style="text-decoration: none;">草根自荐</a></li>
    </ul>
    <span class="right"><a href="http://blog.sina.com.cn/lm/ruiblog/cgsy/index.html" target="_blank"></a></span>
   </div>
   

   
   <div class="F14lists" id="SSCont_02_01">
    <ul>

<li><p><a href="http://blog.sina.com.cn/s/blog_4d55d1290100da1w.html?tj=1" target="_blank" title=""猪流感隔离门",为中国叫好！">"猪流感隔离门",为中国叫好！</a></p><span><a href="http://blog.sina.com.cn/luxc6" target="_blank" title="为卿画眉">为卿画眉</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_5eb998c90100daie.html?tj=1" target="_blank" title="吴稼祥,你比猪流感更可怕!">吴稼祥,你比猪流感更可怕!</a></p><span><a href="http://blog.sina.com.cn/u/1589221577" target="_blank" title="小七">小七</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_4902b7060100dgh3.html?tj=1" target="_blank" title="台湾人编导《潜伏》续集值得期待">台湾人编导《潜伏》续集值得期待</a></p><span><a href="http://blog.sina.com.cn/yiangdi" target="_blank" title="长江短笛">长江短笛</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_48c4ba290100d5x6.html?tj=1" target="_blank" title="汶川地震"诱因"传说有科学根据吗">汶川地震"诱因"传说有科学根据</a></p><span><a href="http://blog.sina.com.cn/laiguoqing" target="_blank" title="国清">国清</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_563b6f940100cm29.html?tj=1" target="_blank" title="高考应全民平等,汉族不是贱民">高考应全民平等,汉族不是贱民</a></p><span><a href="http://blog.sina.com.cn/xiaojing" target="_blank" title="笑镜">笑镜</a></span></li>

    </ul>
    <div class="c_slipt"></div>
    <ul>

<li><p><a href="http://blog.sina.com.cn/s/blog_493d54b70100dl0n.html?tj=1" target="_blank" title="改革开放需要继续坚持思想解放">改革开放需要继续坚持思想解放</a></p><span><a href="http://blog.sina.com.cn/huzhiping" target="_blank" title="胡志平">胡志平</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_537fd7410100d8uq.html?tj=1" target="_blank" title="墨西哥得猪流感,中国得外交流感">墨西哥得猪流感,中国得外交流感</a></p><span><a href="http://blog.sina.com.cn/smpb" target="_blank" title="司馬平邦">司馬平邦</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_5ee421f00100dhek.html?tj=1" target="_blank" title="俄罗斯中国的差距为啥那么大呢">俄罗斯中国的差距为啥那么大呢</a></p><span><a href="http://blog.sina.com.cn/zhonghuashenqi2008" target="_blank" title="中华神起">中华神起</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_4ea60fdb0100d4r3.html?tj=1" target="_blank" title="福建高考给台湾考生加分不公平">福建高考给台湾考生加分不公平</a></p><span><a href="http://blog.sina.com.cn/liu200612" target="_blank" title="今珊">今珊</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_502b35080100dkc2.html?tj=1" target="_blank" title="炫富不能成为"人肉搜索"的理由">炫富不能成为"人肉搜索"的理由</a></p><span><a href="http://blog.sina.com.cn/u/1345008904" target="_blank" title="johnwu">johnwu</a></span></li>

    </ul>
   </div>
   

   
   <div class="F14lists" id="SSCont_02_02" style="display:none;">
    <ul>

<li><p><a href="http://blog.sina.com.cn/s/blog_5ff8419f0100d5b3.html?tj=1" target="_blank" title="情商也是决定孩子成长的根本">情商也是决定孩子成长的根本</a></p><span><a href="http://blog.sina.com.cn/zwdsf" target="_blank" title="神佑之罪">神佑之罪</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_5f7921bf0100d7fq.html?tj=1" target="_blank" title="打破等级构架须从主席台做起">打破等级构架须从主席台做起</a></p><span><a href="http://blog.sina.com.cn/yanyunshibazhou" target="_blank" title="燕云十八州">燕云十八</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_489ed3450100dsq8.html?tj=1" target="_blank" title="男人须小心办公室里的九种女人">男人须小心办公室里的九种女人</a></p><span><a href="http://blog.sina.com.cn/laodu123" target="_blank" title="梦回大唐">梦回大唐</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_5ed522d00100cwl2.html?tj=1" target="_blank" title="90后小男生糟糕的情商让人头疼">90后小男生糟糕的情商让人头疼</a></p><span><a href="http://blog.sina.com.cn/fengxuehongniang" target="_blank" title="冯雪">冯雪</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_4b71657f0100dc2a.html?tj=1" target="_blank" title="于丹在伦敦街头撒泼是名人现形?">于丹在伦敦街头撒泼是名人现形?</a></p><span><a href="http://blog.sina.com.cn/sanxiazaixian" target="_blank" title="三峡在线">三峡在线</a></span></li>

    </ul>
    <div class="c_slipt"></div>
    <ul>

<li><p><a href="http://blog.sina.com.cn/s/blog_48f319170100dawd.html?tj=1" target="_blank" title="猪流感都是开发商转行养猪惹的祸">猪流感都是开发商转行养猪惹的祸</a></p><span><a href="http://blog.sina.com.cn/liuguangyu" target="_blank" title="刘光宇">刘光宇</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_4a7a92d50100cskx.html?tj=1" target="_blank" title="央视是怎样错用万人空巷这成语的">央视是怎样错用万人空巷这成语的</a></p><span><a href="http://blog.sina.com.cn/dyfangcheng" target="_blank" title="dy方程">dy方程</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_4d34c8610100ddlw.html?tj=1" target="_blank" title="大学排行榜的愚民意识过于强烈">大学排行榜的愚民意识过于强烈</a></p><span><a href="http://blog.sina.com.cn/xiaochuantmac" target="_blank" title="肖川">肖川</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_4940386a0100ded9.html?tj=1" target="_blank" title="温总理给“敬礼娃娃”郎铮回信">温总理给“敬礼娃娃”郎铮回信</a></p><span><a href="http://blog.sina.com.cn/luoyuquan" target="_blank" title="故乡的云">故乡的云</a></span></li>

<li><p><a href="http://blog.sina.com.cn/s/blog_4bacdd600100d3q5.html?tj=1" target="_blank" title="影响中国特种行业的三个男人">影响中国特种行业的三个男人</a></p><span><a href="http://blog.sina.com.cn/xbcz" target="_blank" title="西部岑子">西部岑子</a></span></li>

    </ul>
   </div>
   

<script language="javascript" type="text/javascript">
<![CDATA[//><!]]>
</script>

  </div>
</body>
</html>