Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片
来源:互联网 发布:java outputstream 编辑:程序博客网 时间:2024/05/17 03:13
<!--图片下载需用时,请少等片刻即看到效果-->
<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>
- Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片
- Vml+Js算法:完成5个小球在网页运动(碰壁返回)的游戏,详细注释
- Promise实现小球的运动
- js实现简单的小球与边框碰撞反弹改变运动方向及颜色,并且继续运动的特效
- js实现小球抛物线轨迹运动的两种方式
- 《运动的小球》开启
- 自由运动的小球
- JAVA学习日志 简单Frame。加载图片,小球的往复运动,线程
- 我的项目5 计时器 定时器 JS实现图片运动
- 《运动的小球》第一篇
- 《运动的小球》第二篇
- 《运动的小球》完结篇
- surfaceView 的使用 运动小球
- java小程序--10个运动的小球
- Java图形界面基础案例-飞行的小球
- DHTML工具栏,Web点击更精彩(2)--简单的文本
- java swing实现小球沿正弦曲线运动的代码
- java swing实现小球沿正弦曲线运动的代码
- 一个非常简单完整的聊天室演示程序,推荐初学者下载
- 基于VB算法+Picture+Timer控件制作的39种动画效果,类似屏保(完整原程序)
- 贴一例:当所有图片下载完毕时,然后显示网页(有进度)
- Vml:应用阿基米德算法在网页制作动画,原程+注释
- Vml+Js算法:完成5个小球在网页运动(碰壁返回)的游戏,详细注释
- Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片
- Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条
- Vml+Dhtml:小小的页面效果,叫它"淘气鬼"好了
- Dhtml:用ondrag事件简单的实现鼠标拖动物件.
- Dhtml:浏览大图时鼠标感应控制层滚动条的移动
- Asp.net+Xml实现无数据库论坛一点即通
- 关于开发在线网页编辑器按回车会输入<p>而不是<br>的解决方法
- Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
- 世界第一等-----无须安装WSH而执行VBS