Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] 关于循环语句的问题

[复制链接]
vonshine 发表于 2009-11-21 23:27:08 | 显示全部楼层 |阅读模式
本帖最后由 vonshine 于 2009-11-25 23:20 编辑

请问在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脚本来控制循环,是不是需要在脚本里面加上控制语句啊?)
 楼主| vonshine 发表于 2009-11-21 23:29:55 | 显示全部楼层
本帖最后由 vonshine 于 2009-11-21 23:38 编辑

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>   
回复

使用道具 举报

 楼主| vonshine 发表于 2009-11-22 13:31:30 | 显示全部楼层
没有人会啊???
回复

使用道具 举报

tianxiawk 发表于 2009-11-22 16:22:42 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

tianxiawk 发表于 2009-11-22 18:03:44 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

 楼主| vonshine 发表于 2009-11-25 23:20:38 | 显示全部楼层
已经搞定了。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 14:48 , Processed in 0.022861 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表