如何通过jQuery过渡从外部移动对象到屏幕



我想创建一个测试对象,在页面加载时使用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>标记

之前

相关内容

  • 没有找到相关文章

最新更新