今まではIE6の存在等もあってCSSだけでプルダウンメニューを作るのはほぼ不可能でしたが、CSSがより多くのブラウザでしっかりと反映されるようになってきたので、CSSだけでプルダウンメニューを書くことができるようになりました。
今回は、その手順を解説していこうと思います。
<続きはこちら>
以前、ActionScript2.0を使ってプルダウンメニューを作りました。
ところが時代はあっという間にActionScript3.0に。
そこで、こいつを、ActionScript3.0に移植してみることにしました。
【PR】リファレンス本買いました。
ActionScript3.0 ポケットリファレンス (POCKET REFERENCE)
著者:馬場 ぎんが
販売元:技術評論社
発売日:2008-08-29
おすすめ度:
レビューを見る
ところが時代はあっという間にActionScript3.0に。
そこで、こいつを、ActionScript3.0に移植してみることにしました。
【PR】リファレンス本買いました。
ActionScript3.0 ポケットリファレンス (POCKET REFERENCE)
著者:馬場 ぎんが
販売元:技術評論社
発売日:2008-08-29
おすすめ度:
レビューを見る
デザインリニューアル最終章として、トップページにプルダウンメニューを設置しました。
狙いは直帰率を下げること。
ある程度時期を見て、トップ以外のページにも最終的には配置しようと思ってます。
【PR】
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
著者:ウジトモコ
販売元:インプレスジャパン
発売日:2009-09-10
おすすめ度:
レビューを見る
狙いは直帰率を下げること。
ある程度時期を見て、トップ以外のページにも最終的には配置しようと思ってます。
【PR】
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
著者:ウジトモコ
販売元:インプレスジャパン
発売日:2009-09-10
おすすめ度:
レビューを見る
広告連動型プルダウンメニュー(ポップアップメニュー)がブログに実装できる「popIn Rainbow」とやらを導入してみた
テキストを選択すると、そのテキストに関してのプルダウンメニュー(ポップアップメニュー)が表示され、直接 Wikipediaの項目に飛んだり、Googleで検索できたり、Amazon、楽天で買い物ができたりといったツールだ。
これは、前から便利そうだと思っていたし、さらにアフィリエイトにもなるということでさっそく導入させていただいた。
□popIn Rainbow
テキストを選択すると、そのテキストに関してのプルダウンメニュー(ポップアップメニュー)が表示され、直接 Wikipediaの項目に飛んだり、Googleで検索できたり、Amazon、楽天で買い物ができたりといったツールだ。
これは、前から便利そうだと思っていたし、さらにアフィリエイトにもなるということでさっそく導入させていただいた。
□popIn Rainbow
◇ フリー~〈無料〉からお金を生みだす新戦略 | |
小林弘人(監修・解説) 日本放送出版協会 2009-11-21 売り上げランキング : 3 おすすめ平均 テクノロジーに先導される“今”が、よく分かる Amazonで詳しく見る by G-Tools |
今度のCSSはとってもすごいらしい。
なんと、今までFlashでしか実現できなかったアニメーションによるプルダウンメニューができるらしいのだ。
□CSSだけでアニメーションプルダウンメニューを作る | CSS-EBLOG
サンプルへのリンク
なんと、今までFlashでしか実現できなかったアニメーションによるプルダウンメニューができるらしいのだ。
□CSSだけでアニメーションプルダウンメニューを作る | CSS-EBLOG
サンプルへのリンク
InternetExplorer7(以下IE7)での表示バグにてんやわんや。
そもそもIE6のバグを利用したレイアウトで、たまたまSafariでも表示されちゃったのでそのまま放って置いた部分なのですが、そうは問屋がおろしませんでした。
そもそもIE6のバグを利用したレイアウトで、たまたまSafariでも表示されちゃったのでそのまま放って置いた部分なのですが、そうは問屋がおろしませんでした。
ちょっと前の記事でも触れましたが、
ここ数週間のヒットキーワードとしておそらくナンバーワンが
「フラッシュ プルダウンメニュー」ではないかと思います。
キーワード自体は違ってもフラッシュのプルダウンメニューに関するキーワードでアクセスしてきた人が一番多かったようです。
つづいて「904iTV」こちらはなぜかYahooで4位にランクインされている関係もあるかもしれません。
実は個人的にはちょっと狙ってました。
あとは一時的ですが「うちわ祭」でしょうか。
これはちょっと他の2キーワードとは質が違いますが。。
ここ数週間のヒットキーワードとしておそらくナンバーワンが
「フラッシュ プルダウンメニュー」ではないかと思います。
キーワード自体は違ってもフラッシュのプルダウンメニューに関するキーワードでアクセスしてきた人が一番多かったようです。
つづいて「904iTV」こちらはなぜかYahooで4位にランクインされている関係もあるかもしれません。
実は個人的にはちょっと狙ってました。
あとは一時的ですが「うちわ祭」でしょうか。
これはちょっと他の2キーワードとは質が違いますが。。
そもそも、なんでFLASHでプルダウンメニューを作ったかと言うと、
FireWorksで作ったプルダウンメニューの下に、FLASH動画を配置すると、
プルダウンメニューがFLASHの下に隠れてしまうという問題があったから。
そこで、プルダウンメニューまでFLASH内におさめてしまおうというのが発端。
ところが、FLASHにある設定をすれば
FIREWORKSで作ったプルダウンメニューの下に、FLASH動画を配置しても問題ないらしい。
FireWorksで作ったプルダウンメニューの下に、FLASH動画を配置すると、
プルダウンメニューがFLASHの下に隠れてしまうという問題があったから。
そこで、プルダウンメニューまでFLASH内におさめてしまおうというのが発端。
ところが、FLASHにある設定をすれば
FIREWORKSで作ったプルダウンメニューの下に、FLASH動画を配置しても問題ないらしい。
さてスクリプトの解説
色々探したけど見つからなくて結局自分で作ったものの中に
FLASHのプルダウンメニューがあります。今日はそちらのご紹介。
FLASHのプルダウンメニューがあります。今日はそちらのご紹介。