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

Make an hyperlink to an other page without the HTML a-tag, but after an animation finished playing

我想制作一个网页横幅，我希望它有一个 hyperlink 到另一个页面。

听起来很简单？是的，但我不能使用 HTML 标签，因为我不想转到由点击事件启动的其他页面。

我想在动画播放完后link到另一个页面。

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

所以：

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

第二：我想播放一个CSS/JS动画，

第三：我想超link到其他页面，（这是需要帮助的部分）。

我没有任何代码，也不要要求为我编写代码，我只是想知道如何在不点击任何东西的情况下制作 hyperlink。

我发现了一个类似的问题 Here，但它没有涵盖我要查找的内容。我想在用户互动后link。

动画播放完毕后，您可以运行一个将用户重定向到另一个页面的脚本：

window.location.href = 'your_page.html';

你设置了window.location.href="http://www.whosebug.com";

这是一个示例，说明如何使用 jQuery 在动画结束时执行此操作。

JavaScript

$("#startAnimation").on('click',function(){
  $("#bunny").slideDown(1000,function(){
    window.location.href="http://www.whosebug.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