小太阳的滚动
来源:互联网 发布:类似金数据表单工具 编辑:程序博客网 时间:2024/04/28 18:35
html文件,碰到边缘自动弹回
<html><head><title>小太阳</title><script language="javaScript"> //定义全局变量,两个方向 directionX=1;//x轴的方向 directionY=1;//y轴的方向 sunX=0;//小太阳的坐标x sunY=0;//小太阳的坐标y speed=2;function sunMove(){ var sundiv=document.getElementById('sundiv'); sunX+=directionX*speed; sunY+=directionY*speed; sundiv.style.top=sunY+"px"; sundiv.style.left=sunX+"px"; //x方法(offsetWidth可以返回,当前这个对象的实际宽度) if(sunX+sundiv.offsetWidth>=document.body.clientWidth||sunX<=0){ directionX=-directionX; } //判断y if(sunY+sundiv.offsetHeight>=document.body.clientHeight||sunY<=0){ directionY=-directionY; } } setInterval("sunMove()",10);</script></head><body style="background-image:url('img/bizhi.jpg')"><div id="sundiv" style="position:absolute;top:10px;left:10px;width:20px;"><img src="img/sun.gif" style="width:80px;"/></div></body></html>
1 0
- 小太阳的滚动
- 指甲盖上的小太阳代表什么?
- 关于太阳的13个小知识
- 夏普清除小太阳和小人的方法
- 太阳的温度
- 想太阳的日子
- 昨天的太阳--德乾旺姆
- 太阳上挖煤的可行性报告
- 太阳的温度
- 太阳上挖煤的可行性报告
- 太阳的女人18
- 不落的太阳
- 小小的太阳
- 不落的太阳
- 心中的太阳
- 太阳的夏天
- 秋天的太阳
- 绣布上的太阳
- leetcode9_Palindrome Number
- 面试题:HashMap HashTable ConcurrentHashMap区别
- PAT(B) 101-139-2-2016-09-11 考试总结
- Maven入门
- java性能优化笔记(三)java程序优化
- 小太阳的滚动
- 理解HTTP幂等性
- 初步认识Weex
- 安卓资源中selector的用法
- 计算机图形学基础 : 可见面判别算法
- 给定一个字符串,找出该字符串的最长回文子串
- 一个有意思的“远程反射”XSS(其实是SSRF)
- apache.commons.net.ftp.FTPClient上传FTP
- 自定义SwipeBackLayout控件实现右滑退出activity功能