幻灯效果如下图：
附件:
您所在的用户组无法下载或查看附件1、先分析下幻灯的代码：
<a id="foclnk" href=""><img id="focpic" src="/images/1.jpg" style="position:absolute;visibility:visible;filter:RevealTrans ( duration = 1，transition=12 )" width="240" height="197" alt="" /></a>
<div id="fttlbg"></div><div id="fttltxt"><a href="/news.html">文章标题文章标题文章标题14字</a></div>
<div id="tmb0" class="thubpiccur"><a href=""><img src="/images/1.jpg" width="56" height="46" alt=""/></a></div>
<div id="tmb1" class="thubpic"><a href=""><img src="/images/2.jpg" width="56" height="46" alt=""/></a></div>
<div id="tmb2" class="thubpic"><a href=""><img src="/images/3.jpg" width="56" height="46" alt=""/></a></div>
<div id="tmb3" class="thubpic"><a href=""><img src="/images/4.jpg" width="56" height="46" alt=""/></a></div>
</div>
<script language="javascript" type="text/javascript">
var picarry = {};var lnkarry = {};var ttlarry = {};
picarry[0] = "/images/1.jpg";lnkarry[0] = "";ttlarry[0] = "文章标题文章标题文章标题14字";
picarry[1] = "/images/2.jpg";lnkarry[1] = "";ttlarry[1] = "文章标题00000000文章标题14字";
picarry[2] = "/images/3.jpg";lnkarry[2] = "";ttlarry[2] = "文章标题11111111文章标题14字";
picarry[3] = "/images/4.jpg";lnkarry[3] = "";ttlarry[3] = "文章标题22222222文章标题14字";
</script>
2、用到2个循环，和一个固定的
首先将固定的样式进行定义：首页flash第一行
代码为：<a id="foclnk" href="{KY_InfoUrl}"><img id="focpic" src="{KY_TitleImgPath}" style="position:absolute;visibility:visible;filter:RevealTrans ( duration = 1，transition=12 )" width="240" height="197" alt="{KY_Title}" /></a>
<div id="fttlbg"></div><div id="fttltxt"><a href="{KY_InfoUrl}">{KY_Title}</a></div>
3、定义第一个循环：首页flash第1循环
代码为：<div id="tmb{KY_Rep#rep(4)}" class="thubpic"><a href="{KY_InfoUrl}"><img src="{KY_TitleImgPath}" width="56" height="46" alt="{KY_Title}"/></a></div>
4、定义第二个循环：首页flash第2循环
代码为：picarry[{KY_Rep#rep(4)}] = "{KY_TitleImgPath}";lnkarry[{KY_Rep#rep(4)}] = "{KY_InfoUrl}";ttlarry[{KY_Rep#rep(4)}] = "{KY_Title}";
5、制作标签：{Ky_首页flash第一行}
代码为：{$ky id="ch_infolist" chid="1" cellcount="1" liststyle="5" modelid="1" showstyle="out_div" dateformat="YY年MM月DD日" infocount="1" property1="titletype$2" property2="" daterange="0" order="datedesc" titlelength="30" rowcount="" compart="" /}
标签：{Ky_首页flash第1循环}
代码为：{$ky id="ch_infolist" chid="1" cellcount="1" liststyle="6" modelid="1" showstyle="out_div" dateformat="YY年MM月DD日" infocount="4" property1="titletype$2" property2="" daterange="0" order="datedesc" titlelength="30" rowcount="" compart="" /}
标签：{Ky_首页flash第2循环}
代码为：{$ky id="ch_infolist" chid="1" cellcount="1" liststyle="7" modelid="1" showstyle="out_div" dateformat="YY年MM月DD日" infocount="4" property1="titletype$2" property2="" daterange="0" order="datedesc" titlelength="30" rowcount="" compart="" /}
至此：完成样式标签的制作，
修改模板代码：
{Ky_首页flash第一行}
{Ky_首页flash第1循环}
</div>
<script language="javascript" type="text/javascript">
var picarry = {};var lnkarry = {};var ttlarry = {};
{Ky_首页flash第2循环}
</script>
OK,可以生成了！
是script代码为：
function setfoc(id){
document.getElementById("focpic").src = picarry[id];
document.getElementById("foclnk").href = lnkarry[id];
document.getElementById("fttltxt").innerHTML = "<a href=\""+lnkarry[id]+"\" target=_blank>"+ttlarry[id]+"</a>";currslid = id;for(i=1;i<5;i++){
document.getElementById("tmb"+i).className = "thubpic";};
document.getElementById("tmb"+id).className ="thubpiccur";
focpic.style.visibility = "hidden";
focpic.filters[0].Apply();
if (focpic.style.visibility == "visible") {focpic.style.visibility = "hidden"; focpic.filters.revealTrans.transition=12;}
else {focpic.style.visibility = "visible";
focpic.filters[0].transition=12;}focpic.filters[0].Play();}
function setfoc1(id){
document.getElementById("bocpic").src = picarry1[id];
document.getElementById("boclnk").href = lnkarry1[id];
document.getElementById("bttltxt").innerHTML = "<a href=\""+lnkarry1[id]+"\" target=_blank>"+ttlarry1[id]+"</a>";currslid = id;
document.getElementById("bocpic").filters.revealTrans.transition = 12;
document.getElementById("bocpic").filters[1].Apply();
document.getElementById("bocpic").filters[1].Play();}
function playnext(){setfoc(currslid);
if(currslid==3){currslid = 0;}
else{currslid++;}}
function playit(){}
可以试验了，哈哈。
Sitemap
