-1

i'm trying to make a image to fade from left on load to some point on the screen. My code seems right,but is not work,nothing happens,please help: This is my function for the animatetion of the image :

<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>

and here is where i implement it in html:

<div class="latest-updates-portofolio " >
<div class=".img-fade">
<img src="img/logo.png"  width="180px" height="180px">text
</div>
</div>

and the .img-fade class is a blank class just to do the function. And one more quesetion,how do i make it animate to left after 2 seconds after the page has finish loaded? Thanks.

4

4 回答 4

1

您掩盖其他答案指出的许多其他问题的第一个问题是：

<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 的脚本标记和另一个用于您的代码的脚本标记。修复此问题后，您将在控制台上看到语法错误，并可以开始调试所有问题。

于 2013-07-30T20:01:41.687 回答
0

通过使用一个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）为元素设置动画，请确保position:为您的元素设置 CSS（相对或绝对）！

于 2013-07-30T19:47:46.990 回答
0

你的<div class=".img-fade">div 不应该有一个“。” 在名字的开头。它应该看起来像这样：<div class="img-fade">- 其他一切看起来都不错。您的 jQuery 没有找到任何匹配“img-fade”的元素，因为实际名称是“.img-fade”。

于 2013-07-30T19:47:52.167 回答
0 
$(document).ready(function(2000,slow){  //syntax error

你不能在 function() 中传递参数，这是一个语法错误

Uncaught SyntaxError: Unexpected number 。

尝试这个

   $(document).ready(function () {
        $(".img-fade").animate({
            left: 200,
            opacity: "show" // wrong instead use 0
        }, 1500);
    });

opacity: "show"错了，改用opacity: 0

检查这个JSFiddle

于 2013-07-30T19:49:36.983 回答