之前
我想创建一个测试对象,在页面加载时使用jQuery从左侧进入屏幕。
我已放置:
<script type='text/javascript'>
$('animtext').transition({ x: 200 }, 500, 'ease');
</script>
<head>
前面的, .animtext
的CSS为:
.animtext {
background-image:url('../render_01.jpg');
width:400px;
height:400px;
}
但是什么也没发生。
谁能告诉我我怎么能简单地得到一个对象过渡使用jQuery?
**感谢Wiley的回复。还是不开心,不知道我做错了什么!
我已经安装了相关的。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>
仍然没有运气…如有任何帮助,不胜感激。
如果animtext
是一个类,则缺少.
作为类选择器
$('.animtext')
还要将代码包装在文档中。如果你把你的代码"inside"在
的头部$(document).ready(function(){ // or $(function(){ which is shorthand for $(document).ready(function(){
// your code yere
});
另一种选择是将您的代码放在关闭</body>
标记