如何通过jQuery转换将对象从外部移动到屏幕上

我想要创建一个测试对象，使用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>

仍然没有运气...任何帮助感激地接受。

来源

2013-05-01 annoyingnewbie

你'包括或jquery.js''jquery.min.js'什么地方？ – 2013-05-01 15:30:43

也许你可以这样做：http://www.impressivewebs.com/css3-transitions-javascript/ – cortex 2013-05-01 15:37:10

它不应该在''之前，而是在''或''之前。最好是后者。 – 2013-05-01 17:58:41

如果animtext是一个类你缺少.为类选择

$('.animtext')

而且包装你的代码的document.ready函数里面，如果你把你的代码“内部”头

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

另一种方法是把你的代码中的结束</body> tag之前

来源

2013-05-01 15:29:04

谢谢你有线 - 仍然有问题，使这项工作。 – annoyingnewbie 2013-05-01 16:40:24

你需要在你的其他js文件之前导入jQuery，因为它们很可能依赖于jQuery – 2013-05-01 17:51:56

@ user2339879这里有一个它工作正常的例子[FIDDLE]（http://jsfiddle.net/GeADD/） – 2013-05-01 17:57:17

如何通过jQuery转换将对象从外部移动到屏幕上

回答

相关问题