繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
广告代码
→ 正文内容
表格轮换显示 强
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<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> </strong></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=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> </strong></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> </strong></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> </strong></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> </strong></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> </strong></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>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
表格轮换显示
强
浏览次数：
载入中...
打印本文
关闭本文
文章来源
0
顶一下
上一篇文章：没有文章
下一篇文章：
js退出弹窗代码集合
·在百度中搜索关于“
表格轮换显示 强
”相关内容
·在谷歌中搜索关于“
表格轮换显示 强
”相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
云网广告中的代码，提示出错，大家找找
图片跟随的代码
IE中实现全屏广告代码，霸道无比.
符合标准的对联广告
float ad浮动广告代码
js退出弹窗代码集合
图片之间的切换
表格轮换显示 强
左右两侧的广告代码 简单
浮动广告js类实现
最 近 更 新
新浪刚打开页面出来的全屏广告代码
Flash+XML滚动新闻代码 无图片 附源码下载
用js实现的一个Flash滚动轮换显示图片代码
javascript显弹效果代码增加了cookies控制
点下网页的任意地方,都可到达指定页面的j
表格轮换显示 强
另类调用flash无须激活的方法
站长必须要知道的javascript广告代码
两边静止的广告条
左右两侧的广告代码 简单
热 点 排 行
float ad浮动广告代码
用js实现的一个Flash滚动轮换显示
又一个不错的js浮动广告代码
对联广告 可关闭
左右两侧的广告代码 简单
从sohu弄下来的flash中展示图片的
从新浪弄下来的全屏广告代码 与使
超酷右下浮出广告窗口代码
网页中移动的广告效果 鼠标悬停
Flash+XML滚动新闻代码 无图片 附
文章评论
共有 位脚本之家网友发表了评论我来说两句