没有图片背景的滑动标签

<script language="javascript">
function textCounter(field,countfield,maxChr)
{
    if (field.value.length > maxChr )
     field.value = field.value.substring(0,maxChr);
 else
     countfield.value = maxChr - field.value.length;
}
     function secBoard(n)
      {
        for(i=0;i<=3;i++)
      if (i == n)
       {
        document.getElementById("sh"+i).className="sec1";
        document.getElementById("tag"+i).className="tag2";
    }
   else
          {      
            document.getElementById("sh"+i).className="hidecontent";
            document.getElementById("tag"+i).className="tag1";
    }
     }
</script>
<style>
.secTable
{
   padding:0px;
   height:20px;
   margin:0px;
 }
 .secTable ul
 {
   padding:0px;
   margin:0px;
   list-style-type:none;
  }
 .secTable  li
 {
    text-align:center;
 padding:5px;
 float:left;
    font-size:13px;
 } 
.sec1
 {
 color: #000000;
 background-color: #DFEBF7;
 padding:2px;
 height:150px;
}
.sec1 ul
{
 margin:0px;
 margin-left:10px;
    padding-left:10px;
 padding-right:0px;
 padding-top:5px;
 padding-bottom:0px;
 list-style-type:circle;
}
.sec1 li
{
    font-family:"宋体";
 font-size:12px;
   line-hight:160%;
}
.sec1 li a
{
   font-family:"宋体";
   font-size:13px;
   text-decoration:none;
   color:#000000;
   line-hight:160%;
}
.sec1 li a:hover
{
   font-family:"宋体";
   font-size:13px;
   text-decoration:underline;
   color:#000000;
   line-hight:150%;
}
.tag1
{
    border-left:#ffffff 1px solid;
 border-right:#cccccc 1px solid;
 cursor:hand;
 color:#000000;
 background-color:#ddddff;
}
.tag2
{
 border-left:#ffffff 1px solid;
 border-right:#cccccc 1px solid;
 cursor:hand;
 color:#000000;
 background-color:#ff99cc;
}
.hidecontent
{
   display:none;
}
</style>
<div  class=secTable  >
    <ul>
     <li class=tag2 onclick=secBoard(0) id=tag0 onfocus="this.blur();">相关文章</li>
     <li class=tag1 onclick=secBoard(1) id=tag1 onfocus="this.blur();">文章评论</li>
     <li class=tag1 onclick=secBoard(2) id=tag2 onfocus="this.blur();">发表评论</li>
     <li class=tag1 onclick=secBoard(3) id=tag3 onfocus="this.blur();">评论事项</li>
 </ul>
</div>
<div class=main_tab >
  <div  class="sec1" id="sh0">
    <ul >
 还没有相关文章.^_^
 </ul>
  </div>
  <div class="hidecontent" id="sh1">
    <ul>
   此文章还没有进行评论。
    </ul>
  </div>  
  <div class="hidecontent" id="sh2">
    <form action" method="post" name="form1" id="form1" onSubmit="return checktext()" onKeyDown="if(event.ctrlKey && event.keycode==13)document.form1.submit();">
  <textarea name="PLContent" cols="70" rows="6"  onKeyDown="textCounter(this.form.PLContent,this.form.chrSX,200);" onKeyUp="textCounter(this.form.PLContent,this.form.chrSX,200);" onpropertychange="this.form.chrCount.value=this.form.PLContent.value.length;if (this.style.height>100) this.style.posHeight = this.scrollHeight;"  onpaste="return false;" ondragenter="return false;"></textarea>
  <br>&nbsp;共输入:<input type="text" size="3" readonly name="chrCount" value="0" class="count" disabled>&nbsp;还剩:<input name="chrSX" size="3" readonly type="text" value="200" class="sx" disabled>(最多可以输入200个字符)
  <input type="hidden" name="ID" value="1">
  <input type="submit" name="submit1" value="提交" id="submit1">
 </form>
  </div>  
 <div class="hidecontent" id="sh3">
   <ul>
     <li>不得辱骂他人的文章,包括转载以及本站原创文章。</li>
  <li>不得散播黄色文化。</li>
  <li>不得对他人的语句及文章发表攻击性的言语。</li>
  <li>不得发表无用的信息,主要是宣传。</li>
  <li>一次性发表意见不得超过200个字符。</li>
 </ul>
  </div>
</div>
300*300
 文章首页关于迷茫时代关于我写意人生
版权所有:迷茫时代 All rights reserved   
执行时间:0.01035 秒