欢迎您来到网页代码站!
设为首页
加入收藏
留 言 板
精品美文
在线手册
两码中特网站
代码首页
菜单导航
表格相关
表单及按钮
层和布局
计算转换
游戏娱乐
广告代码
图片特效
浏览器相关
日期时间
背景特效
文本链接
热搜:
div
css
推荐
js
菜单
广告
flash
TAB
时间
焦点图
布局
按钮
您的当前位置:
两码中特网站
>>
表格相关
>> 表格边框循环发光的JS特效代码
表格边框循环发光的JS特效代码
分类:
表格相关
时间:2009-09-23 点击:
关键词:
JS
|
表格
|
<html> <head> <title>表格边框循环发光的JS特效代码 - 两码中特网站 www.lgqxn.cn</title> </head><BODY> <script language="javascript"> var line=new Array(); var w=35; var left=50; var top=10; var width=4; var height=3; Bg="red"; line[0]="ff"+Number(25).toString(16)+Number(25).toString(16); line[1]="ff"+Number(50).toString(16)+Number(50).toString(16); line[2]="ff"+Number(75).toString(16)+Number(75).toString(16); line[3]="ff"+Number(100).toString(16)+Number(100).toString(16); line[4]="ff"+Number(125).toString(16)+Number(125).toString(16); line[5]="ff"+Number(150).toString(16)+Number(150).toString(16); line[6]="ff"+Number(175).toString(16)+Number(175).toString(16); line[7]="ff"+Number(200).toString(16)+Number(200).toString(16); line[8]="ff"+Number(225).toString(16)+Number(225).toString(16); line[9]="ff"+Number(225).toString(16)+Number(225).toString(16); line[10]="ff"+Number(225).toString(16)+Number(225).toString(16); line[11]="ff"+Number(225).toString(16)+Number(225).toString(16); line[12]="ff"+Number(200).toString(16)+Number(200).toString(16); line[13]="ff"+Number(175).toString(16)+Number(175).toString(16); line[14]="ff"+Number(150).toString(16)+Number(150).toString(16); line[15]="ff"+Number(125).toString(16)+Number(125).toString(16); line[16]="ff"+Number(100).toString(16)+Number(100).toString(16); line[17]="ff"+Number(75).toString(16)+Number(75).toString(16); line[18]="ff"+Number(50).toString(16)+Number(50).toString(16); line[19]="ff"+Number(25).toString(16)+Number(25).toString(16); function writes(num) { var temp; var s; var tl,tt; var tw,th; temp=num+1; if(num==0) { tl = left; tt = top; tw = w*width; th = height; s="<table style='position: absolute; left: "+tl+"px; top: "+tt+"px; width: "+tw+"px; height: "+th+"px;' cellspacing='0' cellpadding='0'><tr>"; for(r=0;r<w;r++) { temp=r+w*num; s+="<td id=tab"+temp+" bgcolor=red></td>"; } s+="</tr></table>"; } if(num==1) { tl = left+w*width; tt = top; tw = height; th = w*width; s="<table style='position: absolute; left: "+tl+"px; top: "+tt+"px; width: "+tw+"px; height: "+th+"px;' cellspacing='0' cellpadding='0'>"; for(r=0;r<w;r++) { temp=r+w*num; s+="<tr><td id=tab"+temp+" bgcolor=red></td></tr>"; } s+="</table>"; } if(num==2) { tl = left+height; tt = top+w*width; tw = w*width; th = height; s="<table style='position: absolute; left: "+tl+"px; top: "+tt+"px; width: "+tw+"px; height: "+th+"px;' cellspacing='0' cellpadding='0'><tr>"; for(r=w;r>0;r--) { temp=r-1+w*num; s+="<td id=tab"+temp+" bgcolor="+Bg+"></td>"; } s+="</tr></table>"; } if(num==3) { tl = left; tt = top+height; tw = height; th = w*width; s="<table style='position: absolute; left: "+tl+"px; top: "+tt+"px; width: "+tw+"px; height: "+th+"px;' cellspacing='0' cellpadding='0'>"; for(r=w;r>0;r--) { temp=r-1+w*num; s+="<tr><td id=tab"+temp+" bgcolor="+Bg+"></td></tr>"; } s+="</table>"; } return s; } function count() { var i; var temp; var total; total = w*4; for(i=0; i<line.length; i++) { temp=pos+i-line.length/2; temp=temp<0?(total+temp):temp; temp=temp>(total-1)?(temp-total):temp; document.all["tab"+temp].style.backgroundColor=line[line.length-i]; } pos=(pos+1)>total?0:(pos+1); } for(i=0;i<=3;i++) { document.write(writes(i)); } var pos=0; setInterval("count()", 1); </script> </body></html> <a href="//www.lgqxn.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!
运行代码
全选代码
复制代码
保存代码
友情提示
两码中特网站
www.lgqxn.cn 一个很不错的表格边框循环发光特效,但可惜代码有点偏多,得不偿失,不过如果喜欢的话,那就啥也别说了!
一、如果您使用的浏览器版本为IE6.0、360浏览器V3.0.8.1版本或者IE的更低版本浏览本页面,建议您升级浏览器至IE7以上,上面的“运行”按钮可能不能用,但您可按以下方式查看。
运行代码方式:
1、点击“复制”按钮;
2、在桌面建立一个txt文档;
3、粘贴复制的代码;
4、最后把txt的扩展名改为“htm”或“html”;
5、完成,打开即可看到效果。
二、如果您使用FireFox或者非IE浏览器,建议您使用IE7以上版本。上面的“复制”按钮失效,请您“全选”,以普通方式复制!
三、某些代码因需加载完Jquery等之类比较大的JS文件,如果您看不到效果,请您刷新页面!
四、某些代码不能完全兼容各浏览器,还请您再次修改才能使用!给您带来的不便!尽请谅解!谢谢您的支持!
上一篇:
JavaScript水泡鼠标
下一篇:
背景不停变化脚本
【荐】用JS仿EXCEL表格功能
JS实现鼠标点击展开/隐藏表格行
类似网页代码站留言板效果的文
让表格背景透明的实现方法及代
Js让LI列表每隔一行换背景色的
JavaScript控制表格隔行换色的实
JavaScript + CSS 美化出的条纹表格
表格边框循环发光的JS特效代码
类C# GridView的编辑效果(二)
TABLE隔行换色的实现代码
问问
|
贴吧
|
查询
|
给我留言
|
精品美文
|
友情链接
| |
本站承接网站开发业务
版权声明
|
广告服务
|
联系我们
|
网站地图
|
关于我们
| |
两码中特网站
Powered by
两码中特网站
(网页即"web" + 代码即"dm" + "cn" = www.lgqxn.cn) | 最专业的代码下载网站 - 致力为中国站长提供高质量的代码!
滇公网安备 53032202100002号
《迷失地铁》 王真儿为角色克服恐水症
2019-02-14
阶级理论已经过时了,现在所有的国家都是发展生产力。发展是硬道理,科学技术是第一生产力,都是解决社会需求不平衡,不充分的矛盾的,
2019-02-14
浙江大学科研团队潜心十五载 飞机装配有了国产自动化设备
2019-02-13
当粮食能满足社会需要时,就可以给年轻人设计一个轻松的环境,唱唱跳跳轻松就业,大家都会说政府真好
2019-02-06
(原创)穿救生衣应成赛龙舟的标配
2019-02-06
“常青藤爸爸”一年盈利5000万秘方:靠质量和流量
2019-01-24
三星侵犯一大学专利 被判支付罚金4亿美元
2019-01-23
南通如皋为应对督察“回头看”违法掩埋危险废物
2019-01-23
千山药机董事长:正请求金融机构不抽贷
2019-01-10
回复@笑傲江湖V:咱还有几个帖子点赞量接近400呢,小撸又怎么说?
2019-01-10
晋中市直机关将开展纪念建党97周年“红色+”系列活动
2019-01-04
万盛经开区石林镇:做好迎客准备 进入旅游旺季模式
2019-01-04
京津冀及周边区域近期大气扩散条件总体一般
2018-12-30
新闻有温度——西部网新闻频道(陕西新闻网) news.cnwest.com
2018-12-30
韩媒:韩朝将军级军事会谈时隔近11年在板门店顺利重启
2018-12-11
552
|
581
|
97
|
831
|
880
|
227
|
611
|
228
|
582
|
132
|