※ ChatGPTを利用し、要約された質問です（原文：同一ページ内リンクで、クロスフェード切替）
同一ページ内リンクでクロスフェード切替
このQ&Aのポイント
webサイト作成中に、同一ページ内リンクでクロスフェード表示しながら切り替わるページを作成したい
[LINK]をクリックして[AREA_2がトップで表示された状態のページ]へクロスフェード切替を行う
実際の手順や参考URLについてのアドバイスをお願いします
現在、webサイトの作成を行っているのですがその中で、
同一ページ内リンクの際、クロスフェード表示しながら切り替わるページ
を作成したいと考えています。
-----------------------------------------------
<html>
<head></head>
<body>
<div id='area_a'>
AREA_1
<a href='#area_b'>LINK</a>
</div>
<div id='area_b'>
AREA_2
</div>
</body>
<html>
-----------------------------------------------
1.[LINK]をクリック。
2.[現在表示されているページ]から[AREA_2がトップで表示された状態のページ]へクロスフェード切替。
実際の手順や参考になりそうなURL等、
ご存知の方がおられましたらお知恵をお借りしたく、何卒よろしく御願いいたします。
お礼
返信が遅くなってしまい、申し訳有りません。 やはり、フェードアウト/インを同時にやらせるのは難しいのですね。 とりあえず、下記の通り、1でお教えいただいた手順にて対応したいと思います。 ------------------------------------------- // リンク押下で、以下の関数をコール(JQuery使用)。 function fadelink(id){ $('#wrapper').animate({"opacity":0},500,function(){ ocation.href = id; $('#wrapper').animate({"opacity":1},500); }); } ------------------------------------------- ご丁寧な回答をいただき大変参考になりました。 ありがとうございました。