人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryの質問です、
サイトの訪問時だけ表示したい要素があるのですが、普段はcssでdisplay:none;にしていて、訪問時だけ表示させたいのですが方法がわからないので教えていただきたいです。
popヒントではなくて、cssの切り替えだけでしたいのでお願いします。

●質問者: snoopy_japan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●200ポイント ベストアンサー

検索エンジンなどから、そのサイトに訪れたときには表示されているけれど、そのサイト内でページを移動しているときには、メッセージを表示したくない、ということですよね?
あまり jQuery っぽいソースじゃありませんが、こんな感じでしょうか?

<script>
$(function() {
 // このページと同じホスト名で始まる URL かどうかの正規表現オブジェクト
 var re = new RegExp("^http://" + window.location.hostname);

 // referrer (移動してくる前のページの URL) と、このページが、同じホスト名かどうか?
 if (! re.exec(document.referrer)) {

 // 「ようこそ」のメッセージを表示する
 $("#welcome_message").show();
 }
});
</script>

<style>
#welcome_message {
 display: none;
}
</style>

<!-- 最初に、このサイトに来た人に表示されるメッセージ -->
<div id="welcome_message">
ようこそ!
</div>

snoopy_japanさんのコメント
ありがとうございます、おかげでうまくいきました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ