html 更改元素坐标,利用JS修改元素的位置属性，为什么style.left可行而style.top失效？...

Q.想利用JS中的move函数实现小图的斜线下移，但是明明代码几乎一样，left的移动可以实现，top却怎么也动不了

台球桌

padding:0;

margin:0;

}

div{

background:url(../PICTURE/table.JPG) no-repeat;

height:260px;

width:465px;

}

#ball{}

function init(){

var timer = setInterval("move()",50);

}

function move(){

var ball = document.getElementById("ball");

left = parseInt(ball.style.left);

left += 1;

top = parseInt(ball.style.top);

top += 1;

ball.style.left = left + "px";

ball.style.top = top + "px";

}

html 更改元素坐标,利用JS修改元素的位置属性，为什么style.left可行而style.top失效？...相关推荐

js获取classname值_利用js获取元素class值的两种方法
我们有时为了达到某种效果,需要以元素的class值为条件做判断. 我们如何利用JavaScript获取元素class的值?我们先看下面代码: x=document.getElementsByTagNa ...
js修改元素的keyframes样式
demo效果: 通过js修改元素的keyframes样式的使用场景非常少, 一般用于元素的动画末节点不固定且动画复杂(比如分为多段不同效果的动画); 记录一下方法, 权当保存一种思路. demo调用: ...
JS 修改元素的内联样式
JS修改元素样式语法:元素.style.样式名=样式值例如:documents.getElementByName("demo").style.width="200px ...
three.js 坐标系、camera位置属性、点、线、面
three.js 坐标系.camera位置属性.点.线.面知识补充:坐标系右手坐标系图中右边那个手对应的坐标系,就是右手坐标系.在Threejs中,坐标和右边的坐标完全一样.x轴正方向向右,y轴 ...
通过js修改html的标签属性
在开发一个详情页面时,通过调用iOS的UIWebView进行内容展示,本来很顺利的事情,却因为Safari的问题,有的页面图片加载不出来,甚是郁闷.于是把一个能加载图片的html源码和一个不能加载图片 ...
08.vue.js实战笔记（计算属性、v-bind及class和style的绑定、内置指令、方法与事件）
1.计算属性所有的计算属性都以函数的形式写在vue实例的computed选项内,最终返回计算后的结果 <!DOCTYPE html> <html lang="en&quo ...
微信小程序之Js修改元素样式
微信小程序和普通的前端开发有很多不同. 后者修改样式js可以操作DOM,即 document.getElementById(id).style.property=new style 但是微信的js是没 ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...
python列表修改元素_python list 中修改元素
主要记录下这种用法:columnsList = [column.strip() for column in columnsList] 同样采用此方式可以做 replace 等类似的操作 ##在CS ...

html 更改元素坐标,利用JS修改元素的位置属性，为什么style.left可行而style.top失效？...

html 更改元素坐标,利用JS修改元素的位置属性，为什么style.left可行而style.top失效？...相关推荐

最新文章

热门文章