首页 考试吧论坛 Exam8视线 考试商城 网络课程 模拟考试 考友录 实用文档 求职招聘 论文下载
2011中考 | 2011高考 | 2012考研 | 考研培训 | 在职研 | 自学考试 | 成人高考 | 法律硕士 | MBA考试
MPA考试 | 中科院
四六级 | 职称英语 | 商务英语 | 公共英语 | 托福 | 雅思 | 专四专八 | 口译笔译 | 博思 | GRE GMAT
新概念英语 | 成人英语三级 | 申硕英语 | 攻硕英语 | 职称日语 | 日语学习 | 法语 | 德语 | 韩语
计算机等级考试 | 软件水平考试 | 职称计算机 | 微软认证 | 思科认证 | Oracle认证 | Linux认证
华为认证 | Java认证
公务员 | 报关员 | 银行从业资格 | 证券从业资格 | 期货从业资格 | 司法考试 | 法律顾问 | 导游资格
报检员 | 教师资格 | 社会工作者 | 外销员 | 国际商务师 | 跟单员 | 单证员 | 物流师 | 价格鉴证师
人力资源 | 管理咨询师考试 | 秘书资格 | 心理咨询师考试 | 出版专业资格 | 广告师职业水平
驾驶员 | 网络编辑
卫生资格 | 执业医师 | 执业药师 | 执业护士
会计从业资格考试会计证) | 经济师 | 会计职称 | 注册会计师 | 审计师 | 注册税务师
注册资产评估师 | 高级会计师 | ACCA | 统计师 | 精算师 | 理财规划师 | 国际内审师
一级建造师 | 二级建造师 | 造价工程师 | 造价员 | 咨询工程师 | 监理工程师 | 安全工程师
质量工程师 | 物业管理师 | 招标师 | 结构工程师 | 建筑师 | 房地产估价师 | 土地估价师 | 岩土师
设备监理师 | 房地产经纪人 | 投资项目管理师 | 土地登记代理人 | 环境影响评价师 | 环保工程师
城市规划师 | 公路监理师 | 公路造价师 | 安全评价师 | 电气工程师 | 注册测绘师 | 注册计量师
缤纷校园 | 实用文档 | 英语学习 | 作文大全 | 求职招聘 | 论文下载 | 访谈 | 游戏
您现在的位置: 考试吧(Exam8.com) > 软件水平考试 > 复习资料 > 网页制作 > 正文

网页特效:跟随鼠标旋转七彩光环背景

  脚本说明:

  把如下代码加入<body>区域中

  <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER>
  <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER>
  <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER>
  <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER>
  <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER>
  <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER>
  <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER>
  <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER>
  <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER>
  <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER>
  <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER>
  <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER>
  <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER>
  <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER>
  <div id="starsDiv" style="position:absolute;top:0px;left:0px">
  <div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>
  <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>
  <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>
  <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>
  <div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>
  <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>
  <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>
  <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>
  <div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>
  <div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>
  <div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>
  <div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>
  <div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>
  <div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>
  </div>
  <script LANGUAGE="Javascript">
  <!-- Original:  Kurt Grigg () -->
  <!-- Web Site:   -->
  <!-- This script and many more are available free online at -->
  <!-- The Javascript Source!!  -->
  <!-- Begin
  var Clrs = new Array(6);
  Clrs[0] = ‘ff0000‘;
  Clrs[1] = ‘00ff00‘;
  Clrs = ‘000aff‘;
  Clrs = ‘ff00ff‘;
  Clrs = ‘fff000‘;
  Clrs = ‘fffff0‘;
  var yBase = 200;
  var xBase = 200;
  var step;
  var currStep = 0;
  var Xpos = 1;
  var Ypos = 1;
  var Xs = 200;
  var Ys = 400;
  if (document.layers) {
   window.captureEvents(Event.MOUSEMOVE);
  }
  if (document.all) {
   function MoveHandler() {
    Xpos = document.body.scrollLeft+event.x;
    Ypos = document.body.scrollTop+event.y;
   }
   document.onmousemove = MoveHandler;
  }
  else if (document.layers) {
   function xMoveHandler(evnt) {
    Xpos = evnt.pageX;
    Ypos = evnt.pageY;
   }
   window.onMouseMove = xMoveHandler;
  }
  function Comet() {
   if (document.all) {
    yBase = window.document.body.offsetHeight / 4;
    xBase = window.document.body.offsetWidth / 4;
   }
   else if (document.layers) {
    yBase = window.innerHeight / 4;
    xBase = window.innerWidth / 4;
   }
   if (document.all) {
    for ( i = 0 ; i < starsDiv.all.length ; i++ ) {
     step = 3;
     starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
     starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
     for (ai = 0; ai < Clrs.length; ai++) {
     var c=Math.round(Math.random()*[ai]);
     }
     starsDiv.all[i].style.background = Clrs[c];
    }
   }
   else if (document.layers) {
    for ( j = 0 ; j < 14 ; j++ ) { //number of NS layers!
     step = 6;
     var templayer = "a"+j;
     document.layers[templayer].top = Ypos + yBase*Math.cos((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
     document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
     for (aj=0; aj < Clrs.length; aj++)
     {
      var c=Math.round(Math.random()*[aj]);
     }
     document.layers[templayer].bgColor = Clrs[c];
    }
   }
   currStep += step;
   setTimeout("Comet()", 5);
  }
  Comet();
  //  End -->
  </script>

1 2  下一页
文章搜索
软件水平考试栏目导航
版权声明:如果软件水平考试网所转载内容不慎侵犯了您的权益,请与我们联系800@exam8.com,我们将会及时处理。如转载本软件水平考试网内容,请注明出处。