如何在离开页面之前为点击的链接设置动画？ [英] How do I animate a clicked link before leaving page?

问题描述

以下是我想要实现的目标：

Here's what I want to achieve:

1. 点击HTML链接后，我想在离开页面之前为其设置动画


2. 如果在新窗口/标签中打开链接，则不应进行动画

我怎么做到这一点？

推荐答案

你可以使用javascript

You could use javascript

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

但如果您的按钮是链接，则必须停止默认操作。

But you'll have to stop the default action if your button is a link.

这篇关于如何在离开页面之前为点击的链接设置动画？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！