我正在尝试制作一个图像，使其从加载时的左侧渐变到屏幕上的某个点。我的代码似乎是正确的，但不起作用，什么都没发生，请帮助：这是我的图像动画功能：
<script src="http://code.jquery.com/jquery-1.10.1.min.js">
$(document).ready(function(2000,slow){
$(".img-fade").animate({left:200, opacity:"show"}, 1500);
});
</script>
这里是我在html:中实现它的地方
<div class="latest-updates-portofolio " >
<div class=".img-fade">
<img src="img/logo.png" width="180px" height="180px">text
</div>
</div>
而CCD_ 1类仅仅是用于执行该功能的空白类。还有一个问题，我如何在页面加载完成2秒后使其向左动画？谢谢
您的第一个问题是：
<script src="http://code.jquery.com/jquery-1.10.1.min.js">
// YOU HAVE CODE HERE
</script>
如果脚本标记具有src属性，则标记（代码）的内容将被忽略。正因为如此，您的实际代码永远不会执行。
http://jsfiddle.net/t9Z8F
应该是这样的：
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
// YOUR CODE GOES HERE
</script>
一个脚本标记包含jquery，另一个用于您的代码。一旦解决了这个问题，您将在控制台上看到语法错误，并可以开始调试所有问题。
<div class=".img-fade">div的名称开头不应该有"."。它应该是这样的：<div class="img-fade">-其他一切看起来都很好。您的jQuery找不到任何与"img fade"匹配的元素，因为实际名称是".img fade".
通过使用setTimeout函数
这将延迟你的动画
$(function(){ // DOM ready shorthand
setTimeout(function(){
$(".img-fade").animate({left:200, opacity:1}, 1500);
}, 2000 ); // wait 2s before animating
});
因此，您的class:<div class=".img-fade">中不能有点，请改用：
<div class="img-fade">
此外，如果您计划使用元素的left属性（而不是margin-left）为其设置动画，请确保为元素设置CSS .img-fade0（相对或绝对）！
$(document).ready(function(2000,slow){ //syntax error
不能在function（）中传递参数，这是一个语法错误
未捕获的语法错误：意外的数字。
试试这个
$(document).ready(function () {
$(".img-fade").animate({
left: 200,
opacity: "show" // wrong instead use 0
}, 1500);
});
opacity: "show"错误，请改用opacity: 0
检查此JSFiddle