Question

到目前为止，我知道您可以像这样将其静态淡入淡出：

 $("#element").fadeIn()

我想使图像以横向滑动的方式渐隐，例如，将演出的窗帘拉到一边并显示演出的背景（不是拉伸，而是渐隐滑动）。

Answer 1

这是我可以提供的示例示例。如果您有疑问，请发表评论。

$(document).ready(function() {
  $("#hide").click(function() {
    $("#panel").hide("slide", {
      direction: "left"
    }, 1000);
  });
  $("#show").click(function() {
    $("#panel").show("slide", {
      direction: "left"
    }, 1000);
  });
});

#panel {
  height: 100px;
  padding: 50px;
  text-align: center;
  background-color: #e5eecc;
  border: solid 1px #c3c3c3;
}

#hide {
  padding: 20px;
  width: 200px;
  background: red;
  color: white;
}

#show {
  padding: 20px;
  width: 200px;
  background: blue;
  color: white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="hide">Click here to Hide the Pannel</div>
<div id="show">Click here to Show Pannel</div>
<div id="panel">This is your pannel</div>

如何在JQuery中横向（从左到右，反之亦然）使图像褪色？

1 个答案: