网页部分代码：
<div class="col1" style=" height:417px; overflow:hidden;">
<!--维修文档-->
<!--{eval $s = 5;}-->
<!--{eval $k = 0;}-->
<!--{eval $n = 5;}-->
<!--{eval $i = 1;}-->
<!--{block name="category" parameter="type/news/isroot/1/order/c.displayorder/limit/$s,100/cachetime/80800/cachename/category"}-->
<!--{eval $total = count($_SBLOCK['category'])}-->
<!--{loop $_SBLOCK['category'] $ckey $cat}-->
<!--{eval $p ="page"."$k";}-->
<!--{if ($i%$n)==1}-->
<div class="col9">
<table><tr>
<td class="currtd" onmouseover="TurnPage(this,'$p');">
<a href="#action/category/catid/$cat[catid]#">$cat[name]</a></td>
<!--{elseif (($i%$n)==0) || ($i==$total)}-->
<td class="uncurrtd" onmouseover="TurnPage(this,'$p');">
<a href="#action/category/catid/$cat[catid]#">$cat[name]</a></td>
</tr>
</table>
</div><!--col9 end-->
<div id="$p" class="col10">
<!--{eval $m = 1;}-->
<!--{eval $category = @array_slice($_SBLOCK['category'], $k*$n, $n)}-->
<!--{loop $category $ckey $cat}-->
<!--{eval $ctime=1800+30*$ckey;}-->
<!--{eval $cachetime = 1877+30*$ckey;}-->
<!--{eval $j = 1;}-->
<!--{if $m == 1}-->
<ul class="currul">
<!--{else}-->
<ul class="uncurrul">
<!--{/if}-->
<!--{eval $ctime=1800+30*$ckey;}-->
<!--{eval $cachetime = 1877+30*$ckey;}-->
<!--{block name="spacenews" parameter="catid/$cat[subcatid]/order/i.dateline DESC/limit/0,12/cachetime/$cachetime/subjectlen/36/subjectdot/0/cachename/newslist"}-->
<!--{loop $_SBLOCK['newslist'] $value}-->
<!--{if ($j % 2) == 0}-->
<div class="leftdiv"><li><span class="box_r">#date('m-d', $value['dateline'])#</span><a href="$value[url]" title="$value[subjectall]" target="_blank">$value[subject]</a></li></div>
<!--{else}-->
<div class="rightdiv" ><li><span class="box_r">#date('m-d', $value['dateline'])#</span><a href="$value[url]" title="$value[subjectall]" target="_blank">$value[subject]</a></li></div>
<!--{/if}-->
<!--{eval $j++;}-->
<!--{/loop}-->
</ul>
<!--{eval $m++;}-->
<!--{/loop}-->
</div><!--col10 end-->
<!--{eval $k++;}-->
<!--{else}-->
<td class="uncurrtd" onmouseover="TurnPage(this,'$p');">
<a href="#action/category/catid/$cat[catid]#">$cat[name]</a></td>
<!--{/if}-->
<!--{eval $i++;}-->
<!--{/loop}-->
</div><!--col1 end-->
样式表代码：
.col9 { float:left; width:700px; background-color:#F8F8F8; }
.col9 a:hover{ color:#BF0000; }
.currtd{ border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; padding:5px 10px 5px 10px; background:url(../images/midbar.gif) no-repeat; font-weight:700; font-size:10pt; }
.currtd a{ color:#BF0000; font-size:10pt; }
.uncurrtd{ border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; padding:5px 10px 5px 10px; padding:5px 10px 5px 10px; background:none; font-size:10pt; }
.col10 { float:left; width:678px; min-height:162px; height:expression(this.style.height < 162 ? 162: true); overflow:hidden; border:1px solid #D8D8D8; margin-bottom:10px; padding-top:5px; padding-bottom:5px; padding-left:20px; background-color:#FFF; }
.col10 li{ display:inline; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; line-height:25px; background:url(../images/icon_li.gif) no-repeat 0 11px; }
.currul{ display:block; }
.uncurrul{ display:none; }
.leftdiv{ width:320px; overflow:hidden; height:25px; }
.rightdiv{ padding-right:10px; float:right; width:300px; overflow:hidden; height:25px; }
脚本代码：
function TurnPage(td,id)
{
var tr = td.parentElement.cells;
for(var ii=0; ii<tr.length; ii++)
{
tr[ii].className = "uncurrtd";
if(td.cellIndex==ii)
{
tr[ii].className = "currtd";
TurnUL(id,ii);
}
}
}
function TurnUL(id,n)
{
var u=document.getElementById(id).getElementsByTagName('ul');
for(var i=0;i<u.length; i++)
{
u[i].className = (i==n)?"currul":"uncurrul";
}
} |
楼主