2

我想创建一个测试对象，使用 jQuery 在页面加载时从左侧进入屏幕。

我已放置：

<script type='text/javascript'>
$('animtext').transition({ x: 200 }, 500, 'ease');
</script>

在 ,之前<head>的 CSS.animtext是：

.animtext {
background-image:url('../render_01.jpg');
width:400px;
height:400px;
}

然而什么也没发生。

谁能告诉我如何使用 jQuery 简单地让一个对象进行转换？

* *感谢威利的回应。仍然没有喜悦，不知道我做错了什么！

我确实安装了相关的 .js 文件。

代码现在看起来像：

<html>
<head>
<link rel="stylesheet" href="test.css" />

<script type='text/javascript' src='js/jquery.transit.js'></script> 
<script type='text/javascript' src='js/customtransit.js'></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js">       

</script>

<script>

$(document).ready(function(){
$('.animtext').transition({ x: 200px }, 500, 'ease');
});

</script>
</head>

<body>

<div class="animtext"></div>

</body>
</html>

仍然没有运气......感激地收到任何帮助。

4

1 回答 1

1

如果animtext是一个类，您缺少.类选择器

$('.animtext')

如果您将代码“内部”放在头部，也可以将代码包装在 document.ready 函数中

$(document).ready(function(){ // or $(function(){ which is shorthand for $(document).ready(function(){
     // your code yere
});

另一种选择是将您的代码放在结束</body>标记之前

于 2013-05-01T15:29:04.457 回答