在javascript/jquery中使用变量来定义位置

using a variable to define position in javascript/jquery

本文关键字：变量 定义 位置 javascript jquery      更新时间：2023-09-26

我正在测试一些使名称随机浮动的代码。我的一般问题是我们如何将变量应用于样式属性?我的具体例子如下。首先我试了这个:

<body>
Is this it?
<button id="go">&raquo; 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.
  });

显然没有工作，我找不到解决方案。

http://jsfiddle.net/veqne72f/

 $( "#floatName" ).animate({
   left: Math.random()*500 + "px",
    top: Math.random()*500 + "px"
  }, 500, function() {
   // Animation complete.
 });
相关文章：