JavaScript的顶部和左侧位置没有按预期工作
JavaScript top and left positions not working as expected
我有这个代码在JavaScript上的HTML文件,但当我运行它的图像,我有不移动,当我改变顶部或左侧。为什么会发生这种情况,我已经搜索了几个小时,并复制了大量的代码,看看它是否有效,但一无所获。为什么会发生这种情况,我该如何解决?下面是代码:
<html>
<head>
<title>Website</title>
<h1 id="txt_1">Value: 0</h1>
<h2 id="txt_2">Increments: 0</h2>
<img src="---" id="img_1" style="width:40px;height:40px;top:1000px;left:100px">
</head>
<body>
<button type="button" onclick="down();"><</button>
<button type="button" onclick="up();">></button>
X<input type="text" id="box_x" value=0></input>
Y<input type="text" id="box_y" value=0></input>
</body>
<footer>
<canvas id="myCanvas" width="200" height="200" style="border:1px solid #000000;">
</canvas>
</footer>
<script>
var val = 0;
var add = 0;
function up(){
add++;
updateUI();
}
function down(){
add--;
updateUI();
}
function updateUI(){
document.getElementById("txt_1").innerHTML = "Value: " + val;
document.getElementById("txt_2").innerHTML = "Increments: " + add;
document.getElementById("img_1").style.top = 80 + "px";
}
function update(){
val+=add;
document.getElementById("myCanvas").height = val + 10;
document.getElementById("myCanvas").width = val + 10;
document.getElementById("txt_1").innerHTML = "Value: " + val;
}
setInterval(update,100);
</script>
</html>
我没有看到任何定义的样式或链接到一个。css文件。但是,如果你想移动它,你的图像应该在它的样式中有一个"position:absolute"。
使用:
<img src="---" id="img_1" style=""position:absolute;width:40px;height:40px;top:1000px;left:100px">
而不是:
<img src="---" id="img_1" style="width:40px;height:40px;top:1000px;left:100px">
相关文章:
- JavaScript窗口.位置不;我不在内容编辑器Web部件中工作
- Caret函数没有'如果插入符号在最后一个位置,就不能正常工作
- Kinectjs在画布上鼠标向下位置的准确性和clearRect未按预期工作
- 为什么我的JSFiddle不工作?(放置脚本的位置)
- window.位置工作不正常
- 无法使地理位置脚本工作
- 位置管理器在没有互联网的情况下无法工作
- 谷歌地图标记IE中的位置不正确,在chrome上工作正常
- 如何让 .stop 工作并确保标题在我单击时停止,而不是在我单击的位置停止
- 触摸事件对位置:固定;元素在 iOS 上无法正常工作
- 轨道:-位置.Href 不在项目中工作
- 电话间隙 2.8 位置:固定不正常工作
- 正在尝试查找javascript元素's在屏幕上的位置..在webkit浏览器上无法正常工作
- 无法将鼠标移到工作位置,不要'我对JavaScript理解不够好
- 位置选择器无法在谷歌地图初始化中工作
- Z索引无法在位置固定的情况下工作
- 如何使相对位置像iPhone上的固定位置一样工作
- Html和CSS,给了我更大的工作空间,同时限制了文本的位置
- javascript新窗口位置参数未按预期工作
- 谷歌地图库位置和几何图形在一个HTML页面中协同工作