首先让我说我对 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。