Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片

原创 2003年08月22日 11:16:00

<!--图片下载需用时,请少等片刻即看到效果-->

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2004'>
<TITLE>网页飞行图片</TITLE>
<STYLE>
*{font-size:12px;color:;}
a{text-decoration:none;}
a:hover{color:red;}
</STYLE>
</HEAD>
<BODY topmargin='2' leftmargin='2'>
<BASE target='_top'>
<div id=a style='table-Layout:fixed;width:100%;height:100%;border:1 solid black'></div>
<script>
//原作:风云舞,载自:http://www.lshdic.com/bbs
var wid1,hei1,str1="",xx=0,yy=0,xjia=true,yjia=true   //定义全局变量,为提高运行速度
wid1=a.offsetWidth-70;hei1=a.offsetHeight-70  //得到容器的宽和高
//首次向容器内塞进1个飞行的图片,图片位置属性是随机的
tempx=Math.round(Math.random()*wid1);tempy=Math.round(Math.random()*hei1);
str1+="<a href='http://www.lshdic.com/bbs' target='_blank'><img src='http://www.lshdic.com/bbs/image/user30.gif' style='position:absolute;left:"+tempx+";top:"+tempy+";z-index:10;width:150;height:150;' id='img1' border=0></a>"
a.innerHTML=str1; //插入STR1,STR1?个VML球的代码
function play1(){ //播放函数
wid1=a.offsetWidth;hei1=a.offsetHeight
if(wid1-xx<155)xjia=false //到达X极限,值为FALSE
if(xx<5)xjia=true  //到达X起点,值为TRUE
if(hei1-yy<155)yjia=false
if(yy<5)yjia=true
if (xjia==true)xx+=5;else xx-=5 //TRUE的话就++,FALSE的话就--
if (yjia==true)yy+=5;else yy-=5
img1.style.left=xx;img1.style.top=yy //更新球的位置
}
setInterval("play1()",10) //10毫秒播放一次,一般CPU保证能消化~~~
</script>
</BODY>
</HTML>

Java图形界面基础案例-飞行的小球

Java线程案例
  • MrInvincible
  • MrInvincible
  • 2016年04月01日 13:36
  • 2790

Java学习之道:多线程——让小球动起来(一)

在讲线程之前,我们先来谈谈进程。在我接触电脑的一段时间后,开始发现当打开任务管理器后,会有一个进程的显示,下面的映像名称里有很多的可执行文件。这些可执行文件有的是系统默认的,有的是我们打开的,他们都会...
  • u011511429
  • u011511429
  • 2013年07月31日 20:16
  • 5343

JAVA学习日志 简单Frame。加载图片,小球的往复运动,线程

package MyGame; /** * @auther 冯世磊 * 窗口小项目 */ import java.awt.Font; import java.awt.Frame; import ...
  • fengshielick
  • fengshielick
  • 2014年06月14日 11:09
  • 1068

js实现简单的小球与边框碰撞反弹改变运动方向及颜色,并且继续运动的特效

js实现简单的小球与边框碰撞反弹改变运动方向及颜色,并且继续运动特效 思路:首先先实现一个小球的运动和撞边框反弹效果,并且改变其颜色 主要实现方法:1.小球定位,运动靠改变它的position上下...
  • gl0ry
  • gl0ry
  • 2017年02月27日 21:25
  • 2321

一个简单的方法实现购物车小球动画

只有代码,仔细看看,实现起来其实很简单 /** * 执行添加商品动画 * * @param goodsImg 动画小球 * @param position 所在...
  • github_36713209
  • github_36713209
  • 2017年05月02日 11:37
  • 504

Android实现小球一直运动

private ObjectAnimator objectAnimator1; private ObjectAnimator objectAnimator2;private ObjectAnimato...
  • Happy_Develop_
  • Happy_Develop_
  • 2017年01月05日 12:01
  • 410

canvas 简单的小球抛物线实现和简单的应用

使用canvas实现简单的小球下落canvas可以实现一些有趣的绘画,可以实现规则或者不规则的图形。我们这里的小球就是一个通过canvas的方法arc画出的圆。我们可以使用storke和fil来实现圆...
  • bjhan_csdn
  • bjhan_csdn
  • 2017年07月03日 19:24
  • 841

EasyX实现小球的移动

#include "stdafx.h" #include #include void main() { initgraph(640,480); setlinecolor(WHITE); ...
  • qq_34556578
  • qq_34556578
  • 2016年10月30日 12:05
  • 609

java实现随机动态的小球

package my.test.window; import java.awt.Frame;import java.awt.Graphics;import java.awt.event.*;impor...
  • xyylchq
  • xyylchq
  • 2011年07月19日 13:24
  • 1796

JavaScript彩色小球随机运动的效果分享

效果如图: 以下是代码: Document *{ margin: 0px; padding: 0px; } html,body{ height: 100%; wid...
  • chen_gong1992
  • chen_gong1992
  • 2016年11月23日 22:40
  • 870
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片
举报原因:
原因补充:

(最多只允许输入30个字)