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

フローティング広告の作り方で困っています。

やりたいことは。。

1)トップページにアクセスすると、大き目の画像Aが表示される
2)数秒してAが閉じると、通常のHPのトップページ
3)Aには閉じるボタンをつけたい。アニメーションは無し(閉じるボタンはなくてもよい)

ただそれだけなのですが、
いろいろ資料を読むとかなりむずかしそうで。。

FlashもJavaScriptも初心者なので困っています。
CSSのみで作ることはできないでしょうか。
できそうな気もするのですが。。

もちろん簡単な操作でしたらFlashも使用可能です。
CSSやJavaScriptの基本も知っています。
よい方法がありましたら教えてください。
よろしくお願いたします。

●質問者: warumaki
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS FLASH JavaScript アクセス アニメーション
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● horosco75
●35ポイント

CSSだけでは無理。

jQueryを使えば、比較的簡単にできる。

http://ascii.jp/elem/000/000/478/478300/

◎質問者からの返答

jQueryについては初めて知りました。

早速勉強してみます!

ありがとうございます!

いろいろなことが簡単にできそうですね。


2 ● kn1967
●35ポイント ベストアンサー

個人的には、ウザイと思う仕様なので、あまり勧めたくないけど、

一例としてサンプルを作ってみた。

極力、必要最小限に絞ったつもりだが、理解してもらえるだろうか?

ちなみに表示時間は5秒に設定。閉じるボタンはAタグ使用。

<html>
<head>
 <style type="text/css">
 <!--
 body { background-color:pink; }
 h1 { font-size:50px; }
 p { font-size:30px; }
 a { font-size:30px; }
 div#f { background-color:white; position:absolute; top:30px; left:30px; }
 //-->
 </style>
 <script type="text/javascript">
 <!--
 function fc() {
 document.getElementById('f').style.display = 'none';
 }
 //-->
 </script>"
</head>
<body onload="javascript:setTimeout(fc, 5 * 1000);">
 <h1>フローティング広告</h1>
 <p>ここには</p>
 <p>コンテンツがいろいろあるはず</p>
 <div id="f">
 <a href="javascript:void(0)" onclick="javascript:fc(); return false;">閉じる</a><br />
 <img src="a.bmp" />
 </div>
</body>
</html>

http://q.hatena.ne.jp/ダミー です。

◎質問者からの返答

ありがとうございます!!!

早速トライしてみました。

これでやりたいことが実現できそうです。

本当にありがとうございます!!!

関連質問


●質問をもっと探す●



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