ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|FROGs note

ホームページ制作に役立つ無料素材やWEBデザインに関する自分のためのメモ帳です。

  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|Frogs note
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|素材
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|本の紹介

 | HOME | 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ドロップダウンメニューをFLASHの上に表示させる方法

プルダウンメニューが表示されているFlashの下に隠れてしまう現象を解決

まずラッシュの埋め込みに『swfobject.js』を使用。(下記URL参考)
そのソースのフラッシュのスクリプトソース部分を下記のように変更する

▼以下フラッシュの部分のソース

所定の位置に

so.addParam("wmode", "transparent");

と追記する


【例】

<!--↓↓flash↓↓-->

<div id="flashcontent"><img src="img/flash.jpg" alt="" width="1000" height="500"></div>
<script type="text/javascript">
var soj = new SWFObject("img/top.swf", "flashcontent", "1000", "500", "8.0.0");
soj.addParam("wmode", "#000000");
soj.addParam("wmode", "transparent");
soj.write("flashcontent");
</script>

<!--↑↑flash↑↑-->

▼ヘッド内に以下のソースを忘れずに。
<script type="text/JavaScript" src="js/swfobject.js"></script>



プルダウンjQueryの参考URL:http://www.css-lecture.com/log/javascript/005.html

swfの埋め込み画像置換の参考URL:http://www.css-lecture.com/log/javascript/002.html

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

http://frogsnote.blog.fc2.com/tb.php/44-3344622b

 | HOME |