JS简单浮动碰撞效果
来源:互联网 发布:淘宝 各地博物馆 编辑:程序博客网 时间:2024/05/22 05:27
<html><head><title>小太阳碰撞效果</title><script language="javascript"><!--directX=1; //X轴方向directY=1; //Y轴方向sunX=0;sunY=0;function sunMov(){//定两个方向sunX+=directX*2;sunY+=directY*2;//修改div的left topsundiv.style.top=sunY+"px";sundiv.style.left=sunX+"px";//判断什么时候,转变方向//x方向(offestWidth可以返回,当前这个对象的实际宽度)if(sunX+sundiv.offsetWidth>=document.body.clientWidth || sunX<=0){directX=-directX;}if(sunY+sundiv.offsetHeight>=document.body.clientHeight || sunY<=0){directY=-directY;}}setInterval("sunMov()",10);//--></script></head><body style="background-image:URL('a.jpg');background-size:cover; background-repeat:no-repeat"><div id="sundiv" style="position:absolute"><img src="sun.png"/></div></body></html>
0 0
- JS简单浮动碰撞效果
- QQ js浮动效果
- JS对联浮动效果
- js 浮动窗效果
- IOS UIDynamic仿物理引擎-浮动碰撞效果
- 浮动层效果-类似webos的浮动窗口js代码
- JS实现图片随机浮动效果
- js实现图片浮动的效果
- js 实现一个图片浮动的效果
- JS做的网页图片浮动效果
- js实现浮动框【缓冲效果】
- css+js框浮动位移效果
- cocos2d-js中chipmunk简单碰撞检测
- 浮动广告最简单代码js
- 简单js效果整理
- 原生js实现红球碰撞篮球效果
- js鼠标拖动层/层的移动和浮动效果
- jQuery固定浮动DIV效果插件 - stickyMojo.js
- Python打包的艺术(一)- 综述
- 读《鸟哥的私房菜》第20章笔记(一)
- 字符串-06. IP地址转换(20)(Y)
- 人品计算器
- ubuntu openssh-server老版本安装
- JS简单浮动碰撞效果
- qt设置窗口在桌面居中显示
- 伸展树(插入区间,修改区间,区间置数,区间反转,区间求和,连续最大和)BZOJ1500
- COCOS2DX引擎深入三———渲染结构(3.0)
- response细节
- [蓝桥杯][Java] 有趣儿的平方数
- 设计模式之结构型模式
- 使用log4j把日志记录到不同文件
- 【python学习.第五周任务】