Q&A
Javaどこに使っていますか？
オープニングアニメーションを実装しています。
困っていることは・・・
index.html
↓
別ページ(event.html)
↓
index.html
上記のように別ページに飛んだあとに、再度index.htmlへ行くとまたオープニングアニメーションが表示されてしまいます。
私自信javaの知識がなく別サイトを参考に作成しのですが、このような場合の対処法がのってなくて困っています。
初歩的な質問になるかもしれませんが、どうぞ教えてくださいm(_ _)m
以下コード
<html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="format-detection" content="telephone=no"> <meta name="Description" content="" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title></title> <link rel="stylesheet" href="css/main.css"> <!--オープニングアニメーション--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(".mainSite").css("display", "none"); setTimeout(function() { $('.anime').fadeOut(); }, 3000); });
</head> <body> <!--オープニングアニメーション--> <div class="anime"> <img src="images/lodding.gif" alt="" /> </div> <!--オープニングアニメーション_eng--> <div class="mainSite"> aaaa </div> </body> </html>$(function(){ $(".mainSite").css({opacity:'0'}); setTimeout(function(){ $(".mainSite").css("display", "block"); $(".mainSite").stop().animate({opacity:'1'},1000);//1秒かけてコンテンツを表示 },3800);//約4秒後に }); </script> <!--オープニングアニメーション_end-->
CSS**************************************************************
.anime {
width: 100vw;
height: 100vh;
position: relative;
}
.anime img {
display: block;
width: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.mainSite {
width: 100%;
height: 100%;
position: relative;
}
ごめんなさい、javaは
http://smile-design.bz/tight/js/jquery-1.11.3.js
です。
もともと、http://smile-design.bz/news_blog/2016/03/05/anai024/
を参考に作成しました
それはJavaではないです。
回答2件
0
ベストアンサー
1番やりやすいのはハッシュ値をつける方法かな
Js
1 2if(location.hash!=='#fromEvent'){ 3 //処理 4} 5
投稿2019/11/27 04:21
編集2019/11/28 02:39総合スコア10429
ちなみに複数のjQueryを直で読み込むのはエラーの元なので辞めることをお勧めします。
そもそものjavascriptの書き方がわかりません。CSSやhtmlは多少わかるのですが、処理の部分などもどう書いてよいのか・・・
初心者なので詳しく教えていただけるとありがたいですm(_ _)m
event.htmlからのリダイレクト時に
index.html#fromEvent
のようにハッシュ値を指定し、
if内に既存の処理を書けば良いと思います。
なるほど！すごくわかりやすいです！ありがとうございます！！
0
- ページの遷移で判断するならリファラ、
- 一度処理をしたらしばらく表示しないならクッキー
で、ジャッジするとよいでしょう
投稿2019/11/27 04:31
総合スコア116690
リファラってファイル名取得できましたっけ？
自分も一回それ思いついたのですが出来なさそうなのですが...
> リファラってファイル名取得できましたっけ？
気になって検索すると、 https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/Referrer-Policy にたどり着きました。応答ヘッダ Referrer-Policy: の値次第かもしれません（私も試してないので、コメントにて…）。
すみませんいろいろリファラやクッキーについて調べてみたのですがそもそものjavascriptの書き方がわかりません。CSSやhtmlは多少わかるのですが、初心者なので詳しく教えていただけるとありがたいですm(_ _)m
あなたの回答
tips
プレビュー
