このサイトを開いた時に広告が出てきて、一定時間経過後、もしくはスキップをクリックでトップページへ移動(URL変わらずに!)する方法を知りたいです。Flashではなく。
ちなみにこのサイトに組み込みたいです。
http://wawacinema.com/
イメージとしては、サイトを開いた時にフライヤーをドンっ!と表示させて、一定時間経過後、もしくはスキップをクリックでトップページへ移動(URL変わらずに!)したいと思っております。
わかる方いらっしゃいましたら、ご教授願います!
宜しくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
一定時間後に広告を消してコンテンツを表示させる。
<div id="flyer">広告 <a onclick="skip();">skip</a></div>
<div id="contents" style="display:none;">コンテンツ</div>
<script>
function skip(){
document.getElementById('skip').style.display='none';
document.getElementById('contents').style.display='block';
}
onload=function(){ setInterval( skip, 10000); };
</script>
未検証です。
talooさん
回答ありがとうございます!
ただ、フライヤーが表示されたままで終わりですね...
skipもクリック出来ない状態です。
javascriptの知識不足にも程がある私ですので、talooさんのどこを修正したら良いのかもわからないです...
もしわかりましたら、宜しくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- WordPress(ワードプレス) WordPressのダッシュボードに入れなくなりました。 サイトのURLの最後にwp-login.p 1 2022/11/04 18:38
- 消費者問題・詐欺 詐欺にあいました 8 2022/04/22 15:21
- その他(ブラウザ) 上手く説明出来るか分かりませんが、知り合い、知人、サイトからの案内のURLをクリックすると画面がかわ 2 2022/08/23 06:16
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(クラウドサービス・オンラインストレージ) firestorage_androidスマホでダウンロードできない 1 2022/10/25 08:18
- Chrome(クローム) google earth PROをクリックすると下記の表示がされPROが開きません 2 2022/07/28 10:25
- デスクトップパソコン ファイルメーカーPro12が突然起動しなくなりました 1 2023/08/23 11:47
- SEO 複数のサイト(別々のサーバー)を1代のPCで管理する方法 4 2022/11/27 09:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
離れた場所にマウスオーバーで...
-
1行で左寄せと右寄せと中央揃え...
-
文字を固定したいのですが…
-
Ctrl+F(検索)の窓を出したいの...
-
CSSでdivのheightを動的に
-
css固定したフッターが本文と重...
-
文字をクリックしたら別の文字...
-
CSS <div>の入れ子が反映さ...
-
CSS 可変マージン
-
スクロール可能なチェックボックス
-
<div valign=bottom> は効かな...
-
clear: bothの事で質問です。
-
追加記入もできるプルダウンメ...
-
★★★フッター最下部固定/スクロ...
-
オンマウス時に別画像を上に重...
-
左○○px、右は残りの幅(100%-左...
-
HTMLですCSSです 画像のように...
-
MAX関数を使ってからLEFT JOIN...
-
c++std::string型をTCHARに変換...
-
htmlの記述で link rel=styles...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Ctrl+F(検索)の窓を出したいの...
-
フッター上部に謎の隙間
-
【CSS】floatで左右に並べた...
-
HTMLですCSSです この画像のよ...
-
css固定したフッターが本文と重...
-
CSS <div>の入れ子が反映さ...
-
スクロール可能なチェックボックス
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
文字を固定したいのですが…
-
スタイルシートで画面を上下に...
-
チェックボックスの背景色って...
-
フッターの下に隙間ができてしまう
-
文字をクリックしたら別の文字...
-
大分類・中分類・小分類
-
HTMLですCSSです 画像のように...
-
CSSでdivのheightを動的に
-
★★★フッター最下部固定/スクロ...
-
離れた場所にマウスオーバーで...
-
htmlのstyleのposition:relativ...
おすすめ情報