表格轮换显示强

时间：2021-03-20 10:03:00|栏目：|点击：次

<P><html><head></head><body><STYLE type=text/css>.jx {FILTER: revealTrans(transition=13,duration=1); WIDTH: 100%; POSITION: absolute}</STYLE><DIV class="jx" id=jx1 onmouseover=s(1) style="VISIBILITY: visible" onmouseout=s(0)>  <TABLE width=768 height=130 border=1 align="center" cellPadding=3 cellSpacing=0 bordercolordark="#DAFEF2" bordercolorlight="#006600" bgColor=#D5FDE2>    <TR bgcolor="#99CC33">      <TD height=10 colSpan=4 align=left vAlign=center>        <P align=left><strong><a href="http://www.wfmeirong.com"><font  color="#FFFFFF">1潍坊美容网窄告联盟</font></a>&nbsp;&nbsp;</strong></P></TD>    </TR>    <TR>      <TD vAlign=center align=left width=195 height=10><a href="http://www.wfmeirong.com/gg/lanyue" target="_blank">潍坊蓝月摄影化妆美容专业学校</a> </TD>      <TD vAlign=center align=left width=190 height=10> <a href="http://www.huameikj.com" target="_blank" alt="光子美容仪器，光子嫩肤仪器">潍坊华美电子有限公司</a></TD>      <TD vAlign=center align=left width=195 height=10><a href="#"  alt="未在本站认证">昌乐县人民医院医学美容中心 </a></TD>      <TD vAlign=center align=left width=154 height=10><a href="#" alt="未在本站认证">真女人女子美容生活馆</a> </TD>    </TR>  </TABLE></DIV></P>
<P><DIV class="jx" id=jx2 onmouseover=s(1) style="VISIBILITY: hidden" onmouseout=s(0)><TABLE width=768 height=130 border=1 align="center" cellPadding=3 cellSpacing=0  bordercolorlight="#8D1294" bordercolordark="ffffff" bgColor=white>  <TR bgcolor="#FFCEFF">    <TD height=10 colSpan=4 align=left vAlign=center>      <P align=left><strong><a href="#"><font color="#FF0000">2潍坊美容网窄告联盟</font></a>&nbsp;&nbsp;&nbsp;&nbsp;</strong></P></TD>  </TR>  <TR>    <TD vAlign=center align=left width=195 height=10><a href="http://www.wfmeirong.com/gg/lanyue" target="_blank">潍坊蓝月摄影化妆美容专业学校</a> </TD>    <TD vAlign=center align=left width=190 height=10> <a href="http://www.huameikj.com" target="_blank" alt="光子美容仪器，光子嫩肤仪器">潍坊华美电子有限公司</a></TD>    <TD vAlign=center align=left width=195 height=10><a href="#"  alt="未在本站认证">昌乐县人民医院医学美容中心 </a></TD>    <TD vAlign=center align=left width=154 height=10><a href="#" alt="未在本站认证">真女人女子美容生活馆</a> </TD>  </TR></TABLE>    </DIV>   <DIV class="jx" id=jx3 onmouseover=s(1) style="VISIBILITY: hidden" onmouseout=s(0)><TABLE width=768 height=130 border=1 align="center" cellPadding=3 cellSpacing=0  bordercolorlight="#8D1294" bordercolordark="ffffff" bgColor=red>  <TR bgcolor="#FFCEFF">    <TD height=10 colSpan=4 align=left vAlign=center>      <P align=left><strong><a href="#"><font color="#FF0000">3潍坊美容网窄告联盟</font></a>&nbsp;&nbsp;&nbsp;&nbsp;</strong></P></TD>  </TR>  <TR>    <TD vAlign=center align=left width=195 height=10><a href="http://www.wfmeirong.com/gg/lanyue" target="_blank">潍坊蓝月摄影化妆美容专业学校</a> </TD>    <TD vAlign=center align=left width=190 height=10> <a href="http://www.huameikj.com" target="_blank" alt="光子美容仪器，光子嫩肤仪器">潍坊华美电子有限公司</a></TD>    <TD vAlign=center align=left width=195 height=10><a href="#"  alt="未在本站认证">昌乐县人民医院医学美容中心 </a></TD>    <TD vAlign=center align=left width=154 height=10><a href="#" alt="未在本站认证">真女人女子美容生活馆</a> </TD>  </TR></TABLE>    </DIV>   <DIV class="jx" id=jx4 onmouseover=s(1) style="VISIBILITY: hidden" onmouseout=s(0)><TABLE width=768 height=130 border=1 align="center" cellPadding=3 cellSpacing=0  bordercolorlight="#8D1294" bordercolordark="ffffff" bgColor=gray>  <TR bgcolor="#FFCEFF">    <TD height=10 colSpan=4 align=left vAlign=center>      <P align=left><strong><a href="#"><font color="#FF0000">4潍坊美容网窄告联盟</font></a>&nbsp;&nbsp;&nbsp;&nbsp;</strong></P></TD>  </TR>  <TR>    <TD vAlign=center align=left width=195 height=10><a href="http://www.wfmeirong.com/gg/lanyue" target="_blank">潍坊蓝月摄影化妆美容专业学校</a> </TD>    <TD vAlign=center align=left width=190 height=10> <a href="http://www.huameikj.com" target="_blank" alt="光子美容仪器，光子嫩肤仪器">潍坊华美电子有限公司</a></TD>    <TD vAlign=center align=left width=195 height=10><a href="#"  alt="未在本站认证">昌乐县人民医院医学美容中心 </a></TD>    <TD vAlign=center align=left width=154 height=10><a href="#" alt="未在本站认证">真女人女子美容生活馆</a> </TD>  </TR></TABLE>    </DIV>   <DIV class="jx" id=jx5 onmouseover=s(1) style="VISIBILITY: hidden" onmouseout=s(0)><TABLE width=768 height=130 border=1 align="center" cellPadding=3 cellSpacing=0  bordercolorlight="#8D1294" bordercolordark="ffffff" bgColor=yellow>  <TR bgcolor="#FFCEFF">    <TD height=10 colSpan=4 align=left vAlign=center>      <P align=left><strong><a href="#"><font color="#FF0000">5潍坊美容网窄告联盟</font></a>&nbsp;&nbsp;&nbsp;&nbsp;</strong></P></TD>  </TR>  <TR>    <TD vAlign=center align=left width=195 height=10><a href="http://www.wfmeirong.com/gg/lanyue" target="_blank">潍坊蓝月摄影化妆美容专业学校</a> </TD>    <TD vAlign=center align=left width=190 height=10> <a href="http://www.huameikj.com" target="_blank" alt="光子美容仪器，光子嫩肤仪器">潍坊华美电子有限公司</a></TD>    <TD vAlign=center align=left width=195 height=10><a href="#"  alt="未在本站认证">昌乐县人民医院医学美容中心 </a></TD>    <TD vAlign=center align=left width=154 height=10><a href="#" alt="未在本站认证">真女人女子美容生活馆</a> </TD>  </TR></TABLE>    </DIV>   <DIV class="jx" id=jx6 onmouseover=s(1) style="VISIBILITY: hidden" onmouseout=s(0)><TABLE width=768 height=130 border=1 align="center" cellPadding=3 cellSpacing=0  bordercolorlight="#8D1294" bordercolordark="ffffff" bgColor=green>  <TR bgcolor="#FFCEFF">    <TD height=10 colSpan=4 align=left vAlign=center>      <P align=left><strong><a href="#"><font color="#FF0000">6潍坊美容网窄告联盟</font></a>&nbsp;&nbsp;&nbsp;&nbsp;</strong></P></TD>  </TR>  <TR>    <TD vAlign=center align=left width=195 height=10><a href="http://www.wfmeirong.com/gg/lanyue" target="_blank">潍坊蓝月摄影化妆美容专业学校</a> </TD>    <TD vAlign=center align=left width=190 height=10> <a href="http://www.huameikj.com" target="_blank" alt="光子美容仪器，光子嫩肤仪器">潍坊华美电子有限公司</a></TD>    <TD vAlign=center align=left width=195 height=10><a href="#"  alt="未在本站认证">昌乐县人民医院医学美容中心 </a></TD>    <TD vAlign=center align=left width=154 height=10><a href="#" alt="未在本站认证">真女人女子美容生活馆</a> </TD>  </TR></TABLE>    </DIV>   <SCRIPT language="javascript">var jx=new Array();var cnt=6;//div总数for (var i=0;i<cnt;i++){  jx[i]=document.getElementById("jx"+(i+1));}//var jx1=document.getElementById("jx1");//var jx2=document.getElementById("jx2");//设置显示哪个层的变量var sL=1;//设置动与不动的变量var iS=0;//设定显示时间function p(){if(iS==0){sL=sL%cnt;for (var i=0;i<cnt;i++){  if (i==sL)    cs1(jx[i],1);  else    cs1(jx[i],0);}setTimeout(p,4000);sL++;//以上两个时间的设置必须一样}else {setTimeout(p,1000);}}//显示函数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变量function s(v){iS=v;}p();</SCRIPT></body></html></P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：详解正则表达式之数字验证

栏目：

下一篇：Powershell小技巧之通过EventLog查看近期电脑开机和关机时间

本文标题：表格轮换显示强

本文地址：http://www.codeinn.net/misctech/84644.html

表格轮换显示强

阅读排行

推荐教程

表格轮换显示 强

阅读排行

推荐教程

表格轮换显示强