gpt4 book ai didi

javascript - jQuery 动画没有做任何事情

转载 作者:太空宇宙 更新时间:2023-11-03 19:46:00 25 4
gpt4 key购买 nike

首先让我声明一下,我对 HTML、CSS 和 jQuery 完全陌生。我在大学里学习 HTML 和 CSS,我想自学 jQuery,这样我就能在游戏中处于领先地位。

我只是想为一些文本设置动画(向上移动文本并缩放字体大小),但是由于某种原因我根本无法让文本设置动画。我做错了什么吗?

另外,我四处搜索并试图自己解决这个问题,但我似乎无法解决任何问题。这是我最后的选择。

HTML:

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script src="modernizr-2.js"></script>

<script>$("#logo").animate({top:'0px',fontSize:'200%'}, 800);</script>

<title>Home</title>

<link rel="stylesheet" type="text/css" href="index_layout.css" />

</head>

<body>
<div id="logo" class="title">Test</div>
</body>

CSS:

.title {
font-size: 450%;
font-weight: bold;
position: absolute;
right: 35%;
top: 25%;
}

这是一个 jsFiddle:http://jsfiddle.net/MWKrM/1/

我在 Mac 上使用 Firefox。

最佳答案

您的脚本在 Logo 元素添加到 DOM 之前触发。您需要将 jquery 代码包装在 document.ready() 方法中:

$(document).ready(function(){
$("#logo").animate({top:'0px',fontSize:'200%'}, 800);
});

这将延迟代码的执行,直到页面完全加载 DOM,此时您的动画应该正确执行。

关于javascript - jQuery 动画没有做任何事情,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19189032/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com