没有图片背景的滑动标签
<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> 共输入:<input type="text" size="3" readonly name="chrCount" value="0" class="count" disabled> 还剩:<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>
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> 共输入:<input type="text" size="3" readonly name="chrCount" value="0" class="count" disabled> 还剩:<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>
- 没有评论