Question

我正在尝试使用.animate从左侧滑入我的一些文本，但它不起作用。

CSS

.body #header > a {
    font-family: Georgia, Courier, Verdana;
    font-size: 30px;
    padding: 24px;
    border-left: 3px solid red;
    margin-left: -200px;
        ...
}

的jQuery

$("body").ready(function () {
  $('#header a').animate({"margin-left": '+=200'});

此外，用于链接我下载的jQuery文件的HTML（在幻灯片上工作，但只在普通.slide上工作）

<script type='text/javascript' src='js\jquery-1.9.1.js'></script>

Answer 1

您的代码有三个问题：

就绪事件应绑定在document上，或使用$(function)语法。
+=200仅动画从-200到-200 + 200 = 0，使用200或+=400
src应为js/jquery-1.9.1.js - 在URI的

因此

$(function () {
    $('#header a').animate({"margin-left": '+=400'});
});

Answer 2

我认为你的意思是$(document).ready而不是'$（“身体”）。准备好了。

src应为js/jquery-1.9.1.js，并带有urls使用的正斜杠。

Answer 3

你的CSS错了。没有.body元素

#header > a {
    font-family: Georgia, Courier, Verdana;
    font-size: 30px;
    padding: 24px;
    border-left: 3px solid red;
    margin-left: -200px;
}

它应该是$（document）.ready

http://jsfiddle.net/RHHjf/

jQuery动画不起作用（margin-left -200到margin-left +200）

3 个答案: