javascript - 如何在离开页面前为点击的链接制作动画？

Question

这是我想要实现的目标:

1. 单击 HTML 链接时，我想在离开页面之前对其进行动画处理
2. 如果链接在新窗口/标签中打开，则不应出现动画

我究竟如何实现这一点？

Answer 1

你可以使用javascript

$(function(){
  $(".btn").bind("click",function(){
    $(this).animate({'left': '100px'}, 100, function(){
    window.location.href = index.html
  })
 })
})

但是如果您的按钮是一个链接，您将不得不停止默认操作。