WEBデザインの勉強

初心者が1からWEBデザインを勉強するブログ。

aタグをクリック時に一旦リンクを無効にしてアニメーションした後にページ遷移

<p><a href="./top/" target="_self">リンクボタン</a></p>
$('a[target="_self"]').click(function(){
  var url = $(this).attr('href');
  $('.contents').delay(300).animate({'opacity':0},800,"easeInOutBack",
  function(){
    location.href = url;
  });
  return false;
});

一旦「return false」でaタグを無効化し
「animate」のcallback関数でページ遷移する。