首页 | 新闻资讯 | 产品中心 | 成功案例 | 帮助中心 | 付款方式 | 关于我们 | 联系我们
4.x-精美的动态图文交替效果(样式系列之层变换篇)
以下信息由刷新灵感创造科技的灵智创科收集提供,转载请以链接方式注明出处。如果您发现错误,请 告诉我们
温馨提示:如果图片不显示,刷新即可!还是不能显示的话,点击打开。
    

推荐理由:此效果比之滚动效果更有情趣,很生动,更有大站特色。
效果展示:(由于采用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>
相关资源下载(此压缩包内含测试完成的测试代码,打开即可看到带有图文的转换效果)

点击浏览该文件

设为首页加入收藏公司简介最新动态联系方式付款方式查询代理商站长交流
top