PJblog相关日志选项卡效果-静态

<div class="Content-body">
<div id="con" align="left">
<ul id="tabtags">
<li class="selectTag"><a href="javascript:void(0)" onmousemove="selectTag('tabtagContent0',this)">相关日志</a></li>
     <li><a href="javascript:void(0)" onmousemove="selectTag('tabtagContent1',this)">基本信息</a></li>
    <li><a href="javascript:void(0)" onmousemove="selectTag('tabtagContent2',this)">Feed订阅</a></li>
    <li><a href="javascript:void(0)" onmousemove="selectTag('tabtagContent3',this)">版权声明</a></li>
  </ul>
<div id="tabtagContent"><div id="tabtagContent0" class="tabtagContent selectTag">
<div class="RelatedBar"><img src="images/tab/RelatePost.gif" style="margin:4px 2px -4px 0px" alt=""/>如果您喜欢本篇文章，也许您也会喜欢下面推荐的文章！</div>
<div class="Content-body" id="wbc_tag"> </div>
<div class="Content-body" id="wbc_tag"></div><script language="javascript" type="text/javascript">check('wbc_getarticle.asp?id=<$LogID$>&blog_postFile=2','wbc_tag','wbc_tag')</script></div>
  <div id="tabtagContent1" class="tabtagContent">
                                        <$log_Modify$>
                                        <img src="images/From.gif" style="margin:0px 2px -4px 0px" alt=""/>文章来自: <a href="<$log_FromUrl$>" target="_blank"><$log_From$></a><br/>
                                        <img src="images/icon_trackback.gif" style="margin:4px 2px -4px 0px" alt=""/>引用通告: <a href="trackback.asp?tbID=<$LogID$>&action=view" target="_blank">查看所有引用</a> | <a href="javascript:;" title="获得引用文章的链接" onclick="getTrackbackURL(<$LogID$>)">我要引用此文章</a><br/& gt;
                                        <img src="images/tag.gif" style="margin:4px 2px -4px 0px" alt=""/>Tags: <$log_tag$><br/>
    </div>
        <div id="tabtagContent2" class="tabtagContent">
        <hr>
<strong>在线RSS阅读器订阅:</strong><br>
<link title="RSS 2.0" type="application/rss+xml" href="http://www.tyiao.com/feed.asp" rel="alternate" />
<a href="http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_sub_c1s17_d.gif" alt="feedsky" vspace="2"  style="margin-bottom:3px" ></a><br>
<a href="http://www.zhuaxia.com/add_channel.php?url=http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_zhuaxia.gif" alt="抓虾" vspace="2" style="margin-bottom:3px" ></a>
<a href="http://www.pageflakes.com/subscribe.aspx?url=http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_pageflakes.gif" alt="pageflakes" vspace="2" style="margin-bottom:3px" ></a>
<a href="http://www.rojo.com/add-subscription?resource=http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_rojo.gif" alt="Rojo" vspace="2" style="margin-bottom:3px" ></a><br>
<a href="http://fusion.google.com/add?feedurl=http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_google.gif" alt="google reader" vspace="2" style="margin-bottom:3px" ></a>
<a href="http://add.my.yahoo.com/rss?url=http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_yahoo.gif" alt="my yahoo" vspace="2" style="margin-bottom:3px" ></a>
<a href="http://www.newsgator.com/ngs/subscriber/subfext.aspx?url=http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_newsgator.gif" alt="newsgator" vspace="2" style="margin-bottom:3px" ></a><br>
<a href="http://www.bloglines.com/sub/http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_bloglines.gif" alt="bloglines" vspace="2" style="margin-bottom:3px" ></a>
<a href="http://reader.yodao.com/#url=http://www.tyiao.com/feed.asp" target="_blank"><img border="0" src="http://img.feedsky.com/images/icon_subshot01_youdao.gif" alt="有道" vspace="2" style="margin-bottom:3px" ></a><br><br>
<strong>手机订阅:</strong><br>
<a href="http://wap.feedsky.com/candles" target="_blank"><img src="http://www.feedsky.com/images/icon_sub_mobile_c1s2.gif" border="0" /></a><br></center><hr>
<strong>本站订阅地址：</strong><br>
                     RSS2：<input type="text" name="rss" value="http://www.tyiao.com/feed.asp" size="40"/>  【<a onclick="rss.select();document.execCommand('copy')">点击复制</a>】& lt;br>
                     Atom：<input type="text" name="atom" value="http://www.tyiao.com/atom.asp" size="40"/>  【<a onclick="atom.select();document.execCommand('copy')">点击复制</a>】
        </div>
        <div id="tabtagContent3" class="tabtagContent">
免责说明:<br>本站所发表内容或来自互联网，或本人原创，只为学习交流之用，不存在任何商业用途<br>遵循创作共同协议,您可自由复制等方式传播本作品。<br>如果本站内容不慎侵犯了您的版权，请及时联系我们，我们将尽快处理。<br><br>遵循创作共同协议,您可自由复制,发行,广播或通过信息网络传播本作品。<br>但须遵守下列条件： <br>◎ 署名. 您必须按照作者或者许可人指定的方对作品进行署名。 <br>◎ 非商业性使用. 您不得将该作品用于商业目的。 <br>◎ 禁止演绎. 您不得修改、转换或者以本作品为基础进行创作。<br>任何再使用或者发行，您都必须向他人清楚地展示本作品使用的许可协议条款。<br>如果得到著作权人的许可，您可以不受任何这些条件的限制。
        </div>
    </div></div></div></div><br>
                                <div class="Content-bottom"><div class="ContentBLeft"></div><div class="ContentBRight"></div>评论: <$log_CommNums$> | <a href="trackback.asp?tbID=<$LogID$>&action=view" target="_blank">引用: <$log_QuoteNums$></a> | 查看次数: <span id="countNum">-</span> | <a href="javascript:scroll(0,0);" title="返回顶部">TOP ↑</a></div>
                        </div>

/*相关日志Tab样式 */
  ol li { margin:8px}
#con { font-size:12px; width:100%; margin:0 auto}
#tabtags { height:23px; width:100%; margin:0; padding:0; margin-left:10px}
#tabtags li { float:left; margin-right:1px; background:url(images/MyToolBar/tagleft.gif) no-repeat left bottom; height:23px; list-style-type:none}
#tabtags li a { text-decoration:none; float:left; background:url(images/MyToolBar/tagright.gif) no-repeat right bottom; height:23px; padding:0px 10px; line-height:23px; color:#999}
#tabtags li.emptyTag { width:4px; background:none}
#tabtags li.selectTag { background-position: left top; position:relative; height:25px; margin-bottom:-2px}
#tabtags li.selectTag a { background-position: right top; color:#000; height:25px; line-height:25px;}
#tabtagContent { padding:1px; background-color:#fff; border:1px solid #aecbd4;}
.tabtagContent { background:url(images/MyToolBar/bg.gif) repeat-x; padding:10px; color:#474747; width:100%-20px; display:none}
#tabtagContent div.selectTag{ display:block}

function selectTag(showContent,selfObj){
    var tabtag = document.getElementById("tabtags").getElementsByTagName("li");
    var tabtaglength = tabtag.length;
    for(i=0; i<tabtaglength; i++){
        tabtag.className = "";
    }
    selfObj.parentNode.className = "selectTag";
    for(i=0; j=document.getElementById("tabtagContent"+i); i++){
        j.style.display = "none";
    }
    document.getElementById(showContent).style.display = "block";
}
function check(url,obj1,obj2)
{
              
                var xmlhttp = CreateXMLHTTP();
                if(!xmlhttp)
                {
                        alert("你的浏览器不支持XMLHTTP！！");
                        return;
                }
                xmlhttp.onreadystatechange=requestdata;
                xmlhttp.open("GET",url,true);
                xmlhttp.send(null);
                function requestdata()
                {
                        
                                fopen(obj1);
                                echo(obj1,"<img src='images/loading.gif'>");
                                if(xmlhttp.readyState==4)
                                {
                                        if(xmlhttp.status==200)
                                        {
                                                if(obj1!=obj2){fclose(obj1);};
                                                echo(obj2,xmlhttp.responseText);
                                                
                                        }
                                }
                        
                }
}