在加载时将(缓存?)web元素传递到新页面

时间:2015-06-22 14:52:13

标签: javascript jquery html css

想知道是否有一种方法可以在动画后面加载新页面时为包含图像的div设置动画(可能使用jQuery,但不确定是否有更简单的方法)。

"输入"按钮,我希望在按下输入按钮并在动画期间加载主要登录页面时,将公司的徽标移动到新位置。

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我认为你要找的是jQuery的animate()函数。由于您没有包含任何来源,请查看我下面的内容,看看您是否可以根据自己的需要进行修改。此外,关于“携带”内容,您可以使用其他<div />并将.html()内容替换为搜索结果,或者使用iFrame,以便用户不会离开页面。

$('button').on("click", function() {
  $('#theLogo').animate({
    left: '+=120'
  }, 400);
});
div {
  position: relative;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="theLogo">
  <img src="https://www.google.com/images/srpr/logo11w.png" alt="Google">
</div>
<button type="button">Move it</button>