Question

我正试图将7张我的“卡片”img（s）从屏幕的左侧滑入中心，就像现在一样。我尝试使用：

function FetchCards() {
    $("#pack").css('margin-left', 0);
    $("#pack").css('margin-right', 0);
    $("#pack").animate({
        left: '-1000px'
    }, 'slow');
};
setTimeout(FetchCards, 7000);

但是它不起作用，不知道我应该在哪里宣布“FetchCards”等功能。请帮忙。这是我目前的代码：

http://plnkr.co/edit/L4wgzTDcV86tZK1eE23D?p=info

我要问的是，我在哪里声明“FetchCards”功能，我的代码是否可以使图像在滑入之前不可见？

Answer 1

试试这个：

function FetchCards() {
  $("#pack").css('margin-left', 0);
  $("#pack").css('margin-right', 0);
  $("#pack").animate({
    'margin-left': '-1000px'
  }, 'slow');
 }
setTimeout(function(){FetchCards();}, 7000);

Answer 2

看看我的例子并告诉我它是否看起来像你需要的...... 例如：http://jsfiddle.net/CAqE4/

JS：

function FetchCards() {
    $("#pack").css({
        'margin-left': 0,
        'margin-right': 0
    }).animate({
        left: '-=1000px' // -= subtracts the number of pixel
    },function(){
        //this function will be called after #pack animate
        $(/*IMAGE SELECTOR*/).fadeIn(); //insert the image selector
    });
};
setTimeout(FetchCards, 7000);

CSS：您的图片必须在css中有display:none。

滑入图像 - JQuery

2 个答案: