琴&
2019-01-16 15:10这个变化函数哪里出问题了?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>多物体运动框架</title>
<style>
#div1 {
width: 100px;
height: 50px;
background-color: red;
margin-top:50px;
}
</style>
<script type="text/javascript">
window.onload=function()
{
var oDiv = document.getElementById('div1');
oDiv.onmouseover=function()
{
startMove(300);
}
oDiv.onmouseout=function()
{
startMove(100);
}
}
var timer = null;
function startMove(iTarget)//这个函数
{
var oDiv = document.getElementById('div1');
clearInterval(timer);
timer=setInterval(function () {
var iSpeed = (iTarget - oDiv.offsetwidth)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
if(oDiv.offsetWidth == iTarget)
{
clearInterval(timer);
}
else
{
oDiv.style.width = oDiv.offsetWidth + iSpeed + 'px';
}
},30)
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
- 点赞
- 回答
- 收藏
- 复制链接分享
2条回答
为你推荐
- 萌新请问echarts饼图中间的总数统计显示出来是需要调用函数吗?
- vue.js
- javascript
- css3
- css
- 3个回答
- 为什么我这里这一段命名调用的是系统函数他偏说我没定义,这个应该怎么处理呢?
- 机器学习
- c语言
- c++
- 2个回答
- 链表操作中即使函数传入的是链表指针,若根节点没有改变,链表也会改变?
- c++
- 1个回答
- 如何做到用js改变input值后就触发函数
- javascript
- 触发函数
- 关键词高亮
- 1个回答
- 为什么函数传参时,传指针才能改变实参的值?在此谢谢啦
- 函数传参
- 4个回答
换一换