温馨提示:如果图片不显示,刷新即可!还是不能显示的话,点击打开。
推荐理由:此效果比之滚动效果更有情趣,很生动,更有大站特色。 效果展示:(由于采用gif动态截图,下图显示有些粗糙)
此主题相关图片如下:

样式: <TD width="165"> <TABLE cellSpacing=0 cellPadding=0 width=140 border=0> <TBODY> <TR> <TD vAlign=top align=middle><A href="{NS:FS_NewsURL}" target=_blank><IMG height=80 src="{NS:FS_SmallPicPath}" width=140 vspace=6 border=0></A></TD></TR> <TR> <TD vAlign=top align=middle><A class=l12 href="{NS:FS_NewsURL}" target=_blank>{NS:FS_NewsTitle}</A></TD></TR></TBODY></TABLE></TD>
代码:(标签只要分别调用8幅或更多图片即可,没有特殊要求) <BODY bgColor=#ffffff leftMargin=0 topMargin=0 onload=setTime() marginwidth="0" marginheight="0"> <TABLE cellSpacing=0 cellPadding=0 width=668 border=0> <TBODY> <TR> <TD vAlign=top> <DIV style="HEIGHT: 258px"> <DIV class=myDIV id=sc1 onmouseover=isScroll(1) style="VISIBILITY: visible; WIDTH: 668px" onmouseout=isScroll(0)> <TABLE cellSpacing=1 cellPadding=0 width=668 bgColor=#719ad9 border=0> <TBODY> <TR> <TD vAlign=top align=middle bgColor=#ffffff> <TABLE cellSpacing=0 cellPadding=0 width=660 border=0> <TBODY> <TR vAlign=top align=middle>{FS400_第一组图片标签} </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV> <DIV class=myDIV id=sc2 onmouseover=isScroll(1) style="VISIBILITY: hidden; WIDTH: 668px" onmouseout=isScroll(0)> <TABLE cellSpacing=1 cellPadding=0 width=668 bgColor=#719ad9 border=0> <TBODY> <TR> <TD vAlign=top align=middle bgColor=#ffffff> <TABLE cellSpacing=0 cellPadding=0 width=660 border=0> <TBODY> <TR vAlign=top align=middle> {FS400_第二组新闻图片标签}</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV></TD></TR></TBODY></TABLE> <SCRIPT> var sc1=document.getElementById('sc1'); var sc2=document.getElementById('sc2'); //设置显示哪个层的变量 var sL=1; //设置动与不动的变量 var iS=0; //设定显示时间 function setTime() { if(iS==0) { if(sL%2==1) { cs1(sc1,1); cs1(sc2,0); setTimeout('setTime()',5000); } else{ cs1(sc1,0); cs1(sc2,1); setTimeout('setTime()',5000); } sL++; } else { setTimeout('setTime()',5000); } } //显示函数 function cs1(a,b) {if(a==null)return; a.filters.revealTrans.apply(); if(b==1) a.style.visibility='visible'; else a.style.visibility='hidden'; a.filters.revealTrans.play();} //设定is变量 // v==1 不滚动 v==0 滚动 function isScroll(v){ iS=v; } </SCRIPT> </BODY> 相关资源下载(此压缩包内含测试完成的测试代码,打开即可看到带有图文的转换效果)
点击浏览该文件
|