0

在这个页面上，我在页面底部有一个按钮，它必须变宽，然后在单击时向上移动。按钮到达新位置后，应加载新内容。我发现了很多关于 CSS 过渡和悬停动画的信息，但我想将其用作页面过渡。在加载新页面之前如何让这种转换发生？我很想用尽可能少的 JS 来做这件事。谢谢你们！

4

1 回答 1

0

根据您的要求：

这会延迟页面加载，直到转换完成（只需将 setTimeout 设置为 CSS 转换的持续时间）。

$('.link').click(function () {
  $(this).addClass('clicked');
  setTimeout( function() {
    window.location.href = "url for page goes here";
  }, 500);//set 500 to whatever timeout you want
});

参见笔示例：( http://cdpn.io/vyuch )

但

这不是一个好主意……如果 CSS 过渡不可用，它只会看起来像一个糟糕的链接并让用户感到困惑。如果是这样，它仍然是缓慢和令人沮丧的。

如果您希望内容在同一页面上加载，则需要使用 AJAX。为了帮助解决这个问题，更多信息会有所帮助......

于 2013-07-19T15:39:14.000 回答