关于循环语句的问题

请问在loop语句里面，能否实现循环中的<li>不同的样式呢？也就是说通过{loop  *****}产生这样的结果：

<li id="focus_img_1">*******</li>       
<li style="display:none" id="focus_img_2">*******</li>
<li style="display:none" id="focus_img_3">*******</li>
<li style="display:none" id="focus_img_4">*******</li>

第一个<li>里面没有style，第二个之后的<li>全部加上style

里面的序号可以做到，但是赋给每个<li>不同的样式我想了一晚上也没有想到怎么来实现！

希望有高手能够帮我解决。（之前还有一个script脚本来控制循环，是不是需要在脚本里面加上控制语句啊？）

script脚本代码及页面代码如下：

<div id="part1" class="main_wrap">
<div class="flash">
<script language="javascript">
var snum=1; //初始化显示的图片
var best_num=4; //图片的数量
var sec=8000; //切换图片的速度
var pic_id;
function FocusSlide(v){
var i;
for(i=1;i<=4;i++){
eval("document.getElementById(\"focus_tit_"+i+"\").className=\"\"");
eval("document.getElementById(\"focus_img_"+i+"\").style.display=\"none\"");
}
eval("document.getElementById(\"focus_tit_"+v+"\").className=\"acti\"");
eval("document.getElementById(\"focus_img_"+v+"\").style.display=\"\"");
SetNum(v+1);
clearTimeout(pic_id);
pic_id = setTimeout("FocusSlide(snum)",sec);
}
function SetNum(v){
snum=v;
if(snum>best_num) snum=1;
}
pic_id = setTimeout("FocusSlide(snum)",sec);
</script>   
<div class="flash_r">

<div class=aaabbbccc>****</div>

<div  class="sldr_link">
<ul>
<li class="acti" id="focus_tit_1" onmouseover="FocusSlide(1);SetNum(1);">
<p><a href="#" target="_blank"><img src="s.jpg" /></a></p>
<p><a href="#t" target="_blank">##</a></p>
</li>
<li id="focus_tit_2" onmouseover="FocusSlide(2);SetNum(2);">
<p><a href="#" target="_blank"><img src="#.jpg" /></a></p>
<p><a href="#" target="_blank">##</a></p>
</li>
<li id="focus_tit_3" onmouseover="FocusSlide(3);SetNum(3);">
<p><a href="#" target="_blank"><img src="1all.jpg" /></a></p>
<p><a href="#" target="_blank">##</a></p>
</li>
<li style="margin-right:0" id="focus_tit_4" onmouseover="FocusSlide(4);SetNum(4);">
<p><a href="#" target="_blank"><img src="mall.jpg"  /></a></p>
<p><a href="#" target="_blank">##</a></p>
</li>
</ul>
<div class="more"><a href="#" target="_blank"><img src="btn.gif" alt="更多" width="30" height="78" /></a></div>
</div>
</div>
<div class="flash_l">
<ul>
<li id="focus_img_1">
<a href="#" target="_blank">
<img src="small.jpg"  width="480" height="253" />
<div class="focus_bg"></div>
<div class="focus_sdw">
<h2>##</h2>
<p>###</p>
</div>   
</a>
</li>       
<li style="display:none" id="focus_img_2">
<a href="#" target="_blank">
<img src="#.jpg"  width="480" height="253" />
<div class="focus_bg"></div>
<div class="focus_sdw">
<h2>##</h2>
<p>####</p>
</div>   
</a>
</li>
<li style="display:none" id="focus_img_3">
<a href="#" target="_blank">
<img src="#small.jpg"  width="480" height="253" />
<div class="focus_bg"></div>
<div class="focus_sdw">
<h2>###</h2>
<p>####<p>
</div>   
</a>
</li>
<li style="display:none" id="focus_img_4">
<a href="80.html" target="_blank">
<img src="/small.jpg"  width="480" height="253" />
<div class="focus_bg"></div>
<div class="focus_sdw">
<h2>##<h2>
<p>####p>
</div>   
</a>
</li>
</div>
</div>
<div class="bottom"><img src="images/pic_03.gif" border="0"/></div>
</div>   

没有人会啊？？？

已经搞定了。