javascript - 在动画播放完毕后，在没有 HTML a 标签的情况下创建指向其他页面的超链接

Question

我想制作一个网页横幅，并且希望它有一个指向其他页面的超链接。

听起来是一项简单的任务吗？是的，但我无法使用 HTML 标记，因为我不想转到由点击事件启动的其他页面。

我想在动画播放完毕后链接到其他页面。

我希望有一个 JS 解决方案(如果可能的话)。

所以:

首先:我想拖放一个 html 元素，

第二:我想播放 CSS/JS 动画，

第三:我想超链接到其他页面(这是我们需要帮助的部分)。

我没有任何代码，也不要要求为我编写它，我只是想知道如何在不单击某些内容的情况下创建超链接。

我发现了类似的问题Here ，但它没有涵盖我正在寻找的内容。我想在用户交互后链接。

Answer 1

您设置window.location.href="http://www.stackoverflow.com";

下面是如何使用 jQuery 在动画结束时执行此操作的示例。

JavaScript

$("#startAnimation").on('click',function(){
  $("#bunny").slideDown(1000,function(){
    window.location.href="http://www.stackoverflow.com";
  });

});

CSS

#bunny {  
  display:none;
}

HTML

  <div id="bunny"><img src="http://i.guim.co.uk/static/w-620/h--/q-95/sys-images/Guardian/Pix/pictures/2010/8/5/1281041145130/Farms-wildlife-schemes-bo-006.jpg"/></div>
<div>
    <button id="startAnimation" type="button">Start animation</button>
</div>

See the JSBin