漂浮的图片 遇到边界反弹

最新推荐文章于 2020-12-18 19:26:27 发布
最新推荐文章于 2020-12-18 19:26:27 发布
阅读量229 收藏
点赞数 
<SCRIPT language=JavaScript>var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
function checkbrOK()
{if(aname.indexOf("Internet Explorer")!=-1)
   {if(aver>=4) brOK=navigator.javaEnabled();
    mie=true;
   }
 if(aname.indexOf("Netscape")!=-1)  
   {if(aver>=4) brOK=navigator.javaEnabled();}
}
var vmin=2;
var vmax=5;
var vr=2;
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)
{
 if(brOK)
  {eval("chip="+chipname);
   if(!mie)
    {pageX=window.pageXOffset;
     pageW=window.innerWidth;
     pageY=window.pageYOffset;
     pageH=window.innerHeight;
    }
   else
    {pageX=window.document.body.scrollLeft;
     pageW=window.document.body.offsetWidth-8;
     pageY=window.document.body.scrollTop;
     pageH=window.document.body.offsetHeight;
    } 
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.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
   if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
   if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
   if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
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();
     }
if(!mie)
      {eval('document.'+chip.named+'.top ='+chip.yy);
       eval('document.'+chip.named+'.left='+chip.xx);
      } 
   else
      {eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
       eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); 
      }
   chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
  }
}
function stopme(chipname)
{if(brOK)
  {//alert(chipname)
   eval("chip="+chipname);
   if(chip.timer1!=null)
    {clearTimeout(chip.timer1)}
  }
} </SCRIPT>
<SCRIPT>
var mm;
function mm()
{checkbrOK(); 
mm=new Chip("mm",60,80);
if(brOK) 
{ movechip("mm");
}
}
</SCRIPT>
</head>
<body οnlοad=mm()>
<p> <DIV id=mm style="POSITION: absolute">
	<a title="想要更多的特效吗？请点击~" href="http://www.xuemu.net/js.asp">
	<img border="0" src="http://chenzujian.ik8.com/img/ad1.gif" width="100" height="100"></a></p>
 
zfmsa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LBM中的straight boundary及部分代码（以D2Q9为例）
zmyue1314的博客
07-12 8276
本文将从何雅玲老师的《格子Boltzmann方法的理论和应用》、Yuanxun Bill&Justin Meskas的《Lattice Boltzmann Method for Fluid SImulations》、Timm Kruger的《The Lattice Boltzmann Method》以及默罕默德的《格子玻尔兹曼方法——基础与工程应用（附计算机代码）几本书中挑选一些重要的或常用到的直边界进行介绍。 值得一提的是，Timm Kruger里把边界分成两类：link-wise和wet-..
js 实现 到边界反弹的漂浮图片
03-30
js 实现 到边界反弹的漂浮图片! 值得下载看看!资源免费,大家分享!!
漂浮的图片遇到边界反弹
07-25
javascrtpt编写的：漂浮的图片遇到边界反弹
原生js实现小球在屏幕上自由移动，当遇到屏幕边缘时反弹
01-08
小球在桌面上自由移动，要清楚的几个问题 1、小球在桌面移动的最大距离是多少 2、小球移动的步长是多少 3、当小球碰到屏幕边缘时怎么实现反弹 4、 如何实现多个小球 5、怎么实现小球的颜色及大小 关于第一步实现小球在桌面上移动的最大距离的思路 1、首先要获取桌面的宽度与高度，注意获取屏幕的宽度与高度需要封装一下，如下所示 宽：document.documentElement.clientWidth || document.body.clientWidth; 高：document.documentElement.clientHeight || document.body.clientHeight;
js图片飘动，碰到边框反弹，具体样式完全自己设定，人性化
11-16 5252
图片随机飘动代码生成器 body { text-align:center } table td  { font-size:9pt; } cript"> function fn_getValueRadio(form_name) {   var value = "";   for (var i=0; i   {     if (form_name[i].che
网站图片漂浮
03-28
图片漂浮js代码实现 鼠标移动上去漂浮停止 点击关闭按钮图片消失
jQuery可拖动图片漂浮广告代码.zip
07-11
《jQuery可拖动图片漂浮广告代码》是一个实用的JavaScript特效，主要利用jQuery库实现了一种动态、可交互的图片广告展示方式。该代码的核心功能是让图片广告能够在用户浏览网页时始终保持在屏幕上的特定位置，同时...
js实现图片漂浮效果的方法
10-24
在本篇文章中，我们主要探讨了如何利用JavaScript来实现一个网页中图片的漂浮效果。这不仅能够吸引访问者的注意力，还能给网页增添一些动态的元素。现在，我们将详细分析文中提供的代码实例，以及如何通过JavaScript...
如何调用飘动窗口
我本无名的专栏
03-24 1638
此处放飘动图片的链接">var xPos = 20;var yPos = document.body.clientHeight;var step = 1;var delay = 30; var height = 0;var Hoffset = 0;var Woffset = 0;var yon = 0;var xon = 0;var pause = true;var interval;img.st
游标广告
rmzhang33的专栏
09-15 682
游标广告 源作者：追风                   人气：12810 把下面的代码加入...之间：var brOK=false;   var mie=false;  var aver=parseInt(navigator.appVersion.substring(0,1));   var aname=n
使用C语言在vs2017下绘制一个小球以某种随机的角度来发出，碰到边界会反弹
weixin_45934417的博客
07-11 983
绘制一个球，以某种随机的角度来发出，碰到边界后会反弹，假定反弹的速度不变，但是注意角度。 #include <graphics.h> #include <conio.h> int main() { initgraph(640, 480); int r = 20; //设置小球的半径为20 int x = 320; int y = 240; //假设小球的初始位置在界面的中间 //这两个初速度可以在恰当的范围内选择 int vx = 1; int vy = 1; /
js实现简单的小球与边框碰撞反弹改变运动方向及颜色，并且继续运动的特效
热门推荐
YaWen的博客
02-27 1万+
js实现简单的小球与边框碰撞反弹改变运动方向及颜色，并且继续运动特效 思路：首先先实现一个小球的运动和撞边框反弹效果，并且改变其颜色 主要实现方法：1.小球定位，运动靠改变它的position上下左右值；2.获取浏览器的宽高，由此设置小球运动的最大范围，大于等于这个范围的时候就改变运动方向；3.颜色的改变采用rgb方法，rgb的三个数值均用Math.random随机生成；
前端实现图片悬浮_js实现的简单图片浮动效果完整实例
weixin_39976382的博客
12-18 1457
本文实例讲述了js实现的简单图片浮动效果。分享给大家供大家参考，具体如下：利用window对象，实现一个图片的浮动效果1、现有一个广告div，就是我们要控制的，它的起始点(0,0)2、设定横向和纵向的速度3、控制广告div移动1)广告div是否达到边界2)如果到达边界后，我们设置速度反向移动/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti...
字符从天而降
hailang123_love的专栏
07-31 449
脚本说明:第一步:把如下代码加入区域中
cocoscreator 屏幕反弹特效
油油的博客
04-03 5327
dw中让图片漂浮的代码
最新发布
06-12
以下是让图片漂浮的 CSS 代码： ```css img { position: absolute; /* 设置为绝对定位，使其可以浮动 */ animation: float 5s ease-in-out infinite; /* 设置动画 */ } @keyframes float { 0% { transform: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值