ITPub博客

首页 > IT职业 > IT图书 > 跟随鼠标的三色彩带

跟随鼠标的三色彩带

原创 IT图书 作者:chunzhisu 时间:2014-11-06 11:34:54 0 删除 编辑

点击(此处)折叠或打开

  1. <!--将以下代码加入HTML的之间--石家庄编导培训-电表控制器>
  2.     <script language=\"JavaScript\">
  3.     <!--
  4.     var a_Colour=\'fff000\';
  5.     var b_Colour=\'00ff00\';
  6.     var c_Colour=\'ff00ff\';
  7.     var Size=120;
  8.     var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
  9.     if (document.layers){
  10.     window.captureEvents(Event.MOUSEMOVE);
  11.     function nsMouse(evnt){
  12.     xpos = window.pageYOffset+evnt.pageX+6;
  13.     ypos = window.pageYOffset+evnt.pageY+16;
  14.     }
  15.     window.onMouseMove = nsMouse;
  16.     }
  17.     else if (document.all)
  18.     {
  19.     function ieMouse(){
  20.     xpos = document.body.scrollLeft+event.x+6;
  21.     ypos = document.body.scrollTop+event.y+16;
  22.     }
  23.     document.onmousemove = ieMouse;
  24.     }
  25.     function swirl(){
  26.     for (i = 0; i < 3; i++)
  27.     {
  28.     YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
  29.     XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
  30.     }
  31.     ThisStep+=step;
  32.     setTimeout(\'swirl()\',10);
  33.     }
  34.     var amount=10;
  35.     if (document.layers){
  36.     for (i = 0; i < amount; i++)
  37.     {
  38.     document.write(\'\');
  39.     document.write(\'\');
  40.     document.write(\'\');
  41.     }
  42.     }
  43.     else if (document.all){
  44.     document.write(\'
    \'
  45.     +\'
    \');
  46.     for (i = 0; i < amount; i++)
  47.     {
  48.     document.write(\'
    \');
  49.     document.write(\'
    \');
  50.     document.write(\'
    \');
  51.     }
  52.     document.write(\'
\');
  •     }
  •     function prepos(){
  •     var ntscp=document.layers;
  •     var msie=document.all;
  •     if (document.layers){
  •     for (i = 0; i < amount; i++)
  •     {
  •     if (i < amount-1)
  •     {
  •     ntscp[\'nsa\'+i].top=ntscp[\'nsa\'+(i+1)].top;ntscp[\'nsa\'+i].left=ntscp[\'nsa\'+(i+1)].left;
  •     ntscp[\'nsb\'+i].top=ntscp[\'nsb\'+(i+1)].top;ntscp[\'nsb\'+i].left=ntscp[\'nsb\'+(i+1)].left;
  •     ntscp[\'nsc\'+i].top=ntscp[\'nsc\'+(i+1)].top;ntscp[\'nsc\'+i].left=ntscp[\'nsc\'+(i+1)].left;
  •     }
  •     else
  •     {
  •     ntscp[\'nsa\'+i].top=YDummy[0];ntscp[\'nsa\'+i].left=XDummy[0];
  •     ntscp[\'nsb\'+i].top=YDummy[1];ntscp[\'nsb\'+i].left=XDummy[1];
  •     ntscp[\'nsc\'+i].top=YDummy[2];ntscp[\'nsc\'+i].left=XDummy[2];
  •     }
  •     }
  •     }
  •     else if (document.all){
  •     for (i = 0; i < amount; i++)
  •     {
  •     if (i < amount-1)
  •     {
  •     msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
  •     msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
  •     msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
  •     }
  •     else
  •     {
  •     msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
  •     msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
  •     msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
  •     }
  •     }
  •     }
  •     setTimeout(\"prepos()\",10);
  •     }
  •     function Start(){
  •     swirl(),prepos()
  •     }
  •     window.onload=Start;
  •     // -->
  •     </script>
  •     <br><br><hr>

  • 来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29737856/viewspace-1322331/ ,如需转载,请注明出处,否则将追究法律责任。

    上一篇: [酷] 神奇的创意相框的图片显示效果
    下一篇: Jquery+CSS制作的感应鼠标滑出的下拉菜单
    请登录后发表评论 登录
    全部评论

    注册时间:2014-07-04

    最新文章