教程集 > 脚本编程 > javascript > 正文 js网页特效-图片浮动效果代码

js网页特效-图片浮动效果代码

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供js网页特效-图片浮动效果代码等资源，欢迎您收藏本站，我们将为您提供最新的js网页特效-图片浮动效果代码资源

js网页特效-图片浮动效果代码

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

<script language="JavaScript">              function checkbrOK()  {                 mie=true;   }    var vmin=2;  var vmax=5;  var vr=0.02;  var timer1;    function Chip(chipname,width,height)  {this.named=chipname;   this.vx=vmin vmax*Math.random();   this.vy=vmin vmax*Math.random();   this.w=width;   this.h=height;   this.xx=0;   this.yy=0;   this.timer1=null;  }    function movechip(chipname)  {      {eval("chip=" chipname);           {pageX=window.document.body.scrollLeft;       pageW=window.document.body.offsetWidth-22;       pageY=window.document.body.scrollTop;       pageH=window.document.body.offsetHeight-34;      }       chip.xx=chip.xx chip.vx;     chip.yy=chip.yy chip.vy;       chip.vx =vr*(Math.random()-0.5);     chip.vy =vr*(Math.random()-0.5);                 if(chip.xx<=pageX)       {chip.xx=pageX;               chip.vx=vmin vmax*Math.random();       }          if(chip.xx>=pageX pageW-chip.w)       {chip.xx=pageX pageW-chip.w;               chip.vx=-vmin-vmax*Math.random();       }            if(chip.yy<=pageY)       {chip.yy=pageY;               chip.vy=vmin vmax*Math.random();       }              if(chip.yy>=pageY pageH-chip.h)       {chip.yy=pageY pageH-chip.h;               chip.vy=-vmin-vmax*Math.random();       }               {                eval('document.all.' chip.named '.style.pixelLeft=' chip.xx);         eval('document.all.' chip.named '.style.pixelTop =' chip.yy);        }             chip.timer1=setTimeout("movechip('" chip.named "')",50);    }  }            var chip1;    function pagestart()  {    checkbrOK();     chip1=new Chip("chip1",117,75);           { movechip("chip1");      }  }  </script>  <div id=chip1  style="height: 105; position: absolute; visibility: visible; width: 140; left: 180; top: 157">    <img border=0 class=bd  src=""></div>   <script event=onload for=window language=JavaScript>  pagestart();  </script>

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

您可能感兴趣的文章：
CSS浮动属性Float入门教程
 js页面滚动时层智能浮动定位实现(jQuery/MooTools)
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 js实现漂浮广告效果的代码
 使用jquery插件实现图片延迟加载技术详细说明
 分享精心挑选的23款美轮美奂的jQuery 图片特效插件
 Jquery.LazyLoad.js修正版下载，实现图片延迟加载插件
 如何使用HTML5 css3实现粒子效果文字动画特效（附完整代码）
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
 网页右侧漂浮广告窗口的js代码

上一篇：js扫光效果代码下一篇：js提示早上晚上下午好代码

[关闭]

最近更新

浏览排行

~ ~