我正在测试一些使名称随机 float 的代码。我的一般问题是我们如何将变量应用于样式属性?我的具体例子如下。首先我尝试了这个:
<body>
Is this it?
<button id="go">» Run</button>
<div id="floatName" style="left:50px; top:150px">James</div>
<div id="n2">Sarah</div>
<script>$( "#go" ).click(function() {
$( "#floatName" ).animate({
left: "100px",
top: "200px"
}, 500, function() {
// Animation complete.
});
$( "#2" ).animate({
left: "300px",
top: "20px"
}, 500, function() {
// Animation complete.
});
});
</script>
</body>
这正如我预期的那样工作。接下来我想随机化动画以使其左侧和顶部发生变化。但是,我不知道该怎么做。一次尝试如下所示:
$( "#floatName" ).animate({
x = Math.random()*500
y = Math.random()*500
left: x + "px",
top: y + "px"
}, 500, function() {
// Animation complete.
});
显然不起作用,我在寻找解决方案时遇到了问题。
最佳答案
$( "#floatName" ).animate({
left: Math.random()*500 + "px",
top: Math.random()*500 + "px"
}, 500, function() {
// Animation complete.
});
关于javascript - 使用变量来定义 javascript/jquery 中的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31767321/