边框闪亮的表格页面特效__脚本特效_后台技术发光飞飞Asp技术乐园

＞设为首页

＞收藏本站

＞最新电影

首页运营资讯今日英语图形图像计算机技术 Asp编程网站结构化资源共享休闲娱乐访问新站

您现在的位置：首页=>后台技术=>脚本特效=>页面特效

订阅本栏目

边框闪亮的表格

时间： 2008-06-03 01:08:48　阅读次数：2185

边框闪亮的表格

<html>
<head>
<title>网页特效|www.ffasp.com 飞飞Asp乐园|---会闪亮的表格</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>

提示：您可以先修改部分代码再运行

下一篇流星雨星空

上一篇无法拦截与屏蔽的网页漂浮图片广告代码完全自定义全屏飘动

本栏目最新

栏目最新列表

使用JS对select动态添加options操作 [IE&Fi

符合标准的对联广告代码

使用js/javascript制作特殊的字符效果

图片上传预览，可显示文件大小，宽、高

文件上传前台控制检测预览程序 v0.6

网站优化策划

栏目最新列表

增加网站外链的快速方法

网站上线前必做的30个检查

新的友情链接参考标准（没有google的PR情况

优化Google的AdSense广告的五个工具

王通讲SEO八大基础

站点最新

站点最新列表

微博推广的一些技巧

xhEditor v1.1.7 发布，

收集的一些轻量级非常实

50个新鲜兼容最新版本的

javascript中cookie的设

Excel中出现#VALUE!、#D

jquery插件:飞飞表情插件

十个使用HTML5开发的精彩

支持HTML5的浏览器有哪些

飞妮莫属:漫画：如何写出

历史最热10条信息

MIME介绍及 [1] [2] [3]

巧用Google和迅雷来下载

Transact SQL 常 [1] [2]

VIA Rhine II Fast Ethe

电脑常用端 [1] [2] [3]

Do you get a kick out

十道羊皮卷欣赏+mp3版+

每日一句：A friend and

每日一句：Theres no tu

经典__悟透JavaScript

width=

伟哥博客西安房产 123最新电影三四六四

关于站点 | 免责声明 | 联系站长 | 网站地图 | 陕ICP备07002804号 WEB技术QQ交流群：72840059

©2007 ffasp.com. 版权所有