jquery过渡效应

时间:2012-07-16 01:41:45

标签: jquery jquery-ui jquery-effects

我正试图让website上的“告诉朋友按钮”在用户点击“关闭”时返回其原始位置。我现在让它上班,但过渡很糟糕。当您单击关闭时,按钮将显示在父div下方,然后才能获取其原始位置。功能如下所示:

$(document).ready(function() {
    $(".tell").click(function () {
        $("DIV#tellform").show("slide", { direction: 'left' }, 2000);
         $(".tell").hide("fade", {}, 1);
    });

    $(".closer").click(function () {
        $("DIV#tellform").hide("slide", { direction: 'left' }, 2000);
        $(".tell").show("fade", {}, 1);
    });
});

2 个答案:

答案 0 :(得分:1)

首次点击时你也应该隐藏按钮而不褪色,这对我来说也很奇怪。

也许在单独的函数中声明更改然后延迟?

   $(".closer").click(function () {

  $("DIV#tellform").hide("slide", { direction: 'left' }, 2000);

 setTimeout(delay,2000);

  function delay() {
  $(".tell").show("fade", {}, 1);
  }
  });

});

类似的东西至少应该起作用。祝你好运!

答案 1 :(得分:0)

我确实如下所示进行设置,并且在完全显示之前它给出了父DIV时间介词,因为它慢慢消失。

    $(document).ready(function() {

   $(".tell").click(function () {

      $("DIV#tellform").show("slide", { direction: 'left' }, 2000);

      $(".tell").hide("", {} );

});

   $(".closer").click(function () {

      $("DIV#tellform").hide("slide", { direction: 'left' }, 2000);
      $(".tell").show("fade", {}, 45000);

      });

  });



</script>