我希望我的图片能够一步一步地左转,直到1300px与jobbra按钮,所以我添加了一个if语句来实现此目的,但这不适用于onlclick。如果我删除if语句,按钮点击功能本身就起作用。我的if语句有什么问题?谢谢如果语句在函数内部不起作用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PingPongKép</title>
<link rel="stylesheet" href="CSS/style.css">
</head>
<body>
<div id="ilonakep">
<img src="/img/ilona.jpg" alt="ilona">
</div>
<p id="gombok">
<button onclick="balra()">Balra</button>
<button onclick="jobbra()">Jobbra</button>
</p>
<script>
var jobbAnim = 1;
var speed = 1;
var balAnim = 0;
function jobbra() {
if (jobbAnim < 1300){
var jobbAnim = jobbAnim + speed;
}
document.getElementById("ilonakep").style.marginLeft = jobbAnim + "px";
}
function balra() {
document.getElementById("ilonakep").style.marginLeft = balAnim + "px";
}
</script>
</body>
</html>
移除内部VAR jobbAnim该变种如果 –
哦男人THX你太棒了。任何想法如何才能使这项工作,直到1300px只需点击一下按钮?谢谢 –
加起来的div的clientWidth和style.margin匹配与1300px –