Question

我正在使用下面的脚本在点击时更改背景图片，但我希望过渡到使用fadein更平滑。那可能吗？

这是脚本：

      <script>
  $(function(){
      $("#button").on("click", function(e) {
      e.preventDefault();
      $('.class').css("background-image", "url('http://website.com/images/image.png')");

      });
      });
      </script>

Answer 1

fade首先输出.class元素并使用回调函数再次更改css和fadeIn ....

  <script>
 $(function(){
    $("#button").on("click", function(e) {
     e.preventDefault();
     $('.class').fadeOut(1000,function(){
        $(this).css("background-image", "url('http://website.com/images/image.png')").fadeIn('slow');
      })

    });
 });
  </script>

Answer 2

试试这个，它会给你一个很好的淡入效果。

<script>
  $(function(){
      $("#button").on("click", function(e) {
      e.preventDefault();
      $('.class').fadeIn(800).css("background-image", "url('http://website.com/images/image.png')");

      });
      });
</script>

如何使用jquery为此脚本添加fadein函数？

2 个答案: