今まではIE6の存在等もあってCSSだけでプルダウンメニューを作るのはほぼ不可能でしたが、CSSがより多くのブラウザでしっかりと反映されるようになってきたので、CSSだけでプルダウンメニューを書くことができるようになりました。
今回は、その手順を解説していこうと思います。



＜続きはこちら＞

タグ ：

プルダウンメニュー

CSS

CSS3

ドロップダウンメニュー

display

overflow

transition

以前、ActionScript2.0を使ってプルダウンメニューを作りました。
ところが時代はあっという間にActionScript3.0に。
そこで、こいつを、ActionScript3.0に移植してみることにしました。 

【PR】リファレンス本買いました。
ActionScript3.0 ポケットリファレンス (POCKET REFERENCE)
著者：馬場 ぎんが
販売元：技術評論社
発売日：2008-08-29
おすすめ度：
レビューを見る

タグ ：

ActionScript3.0

プルダウンメニュー

ポップアップメニュー

Flash

フラッシュ

デザインリニューアル最終章として、トップページにプルダウンメニューを設置しました。
狙いは直帰率を下げること。
ある程度時期を見て、トップ以外のページにも最終的には配置しようと思ってます。

【PR】
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
著者：ウジトモコ
販売元：インプレスジャパン
発売日：2009-09-10
おすすめ度：
レビューを見る

タグ ：

プルダウンメニュー

デザイン

jQuery

CSS

このブログ

広告連動型プルダウンメニュー（ポップアップメニュー）がブログに実装できる「popIn Rainbow」とやらを導入してみた
テキストを選択すると、そのテキストに関してのプルダウンメニュー（ポップアップメニュー）が表示され、直接 Wikipediaの項目に飛んだり、Googleで検索できたり、Amazon、楽天で買い物ができたりといったツールだ。
これは、前から便利そうだと思っていたし、さらにアフィリエイトにもなるということでさっそく導入させていただいた。

□popIn Rainbow

◇ フリー~〈無料〉からお金を生みだす新戦略
	小林弘人(監修・解説) 日本放送出版協会 2009-11-21 売り上げランキング : 3 おすすめ平均 テクノロジーに先導される“今”が、よく分かる Amazonで詳しく見る by G-Tools

タグ ：

popIn

Rainbow

プルダウンメニュー

ポップアップメニュー

アフィリエイト

今度のCSSはとってもすごいらしい。
なんと、今までFlashでしか実現できなかったアニメーションによるプルダウンメニューができるらしいのだ。
□CSSだけでアニメーションプルダウンメニューを作る | CSS-EBLOG
サンプルへのリンク

タグ ：

HTML5

CSS3

プルダウンメニュー

アニメーション

角丸

過去ログの「Flashでプルダウンメニュー」に意外と頻繁にアクセスがある。
どうせなら実際作ったFLASHも公開しちゃおうと思い、
記事を見つつプルダウンメニューを作ってみた。

タグ ：

Flash

フラッシュ

プルダウンメニュー

ポップアップメニュー

ActionScript

InternetExplorer7(以下IE7)での表示バグにてんやわんや。
そもそもIE6のバグを利用したレイアウトで、たまたまSafariでも表示されちゃったのでそのまま放って置いた部分なのですが、そうは問屋がおろしませんでした。

タグ ：

プルダウンメニュー

ポップアップメニュー

センタリング

IE7

IE6

ちょっと前の記事でも触れましたが、
ここ数週間のヒットキーワードとしておそらくナンバーワンが
「フラッシュ プルダウンメニュー」ではないかと思います。
キーワード自体は違ってもフラッシュのプルダウンメニューに関するキーワードでアクセスしてきた人が一番多かったようです。
つづいて「904iTV」こちらはなぜかYahooで4位にランクインされている関係もあるかもしれません。
実は個人的にはちょっと狙ってました。
あとは一時的ですが「うちわ祭」でしょうか。
これはちょっと他の2キーワードとは質が違いますが。。

タグ ：

フラッシュ

プルダウンメニュー

904iTV

うちわ祭

シエスパ爆破

もう、過去の記事を拾ってくる気力もありません。
「on (rollOver)」で動いてくれない原因は、以下の二点でした。
（今度こそ大丈夫？）

タグ ：

プルダウンメニュー

ポップアップメニュー

ティアオフメニュー

えー、こちらの動かない原因がおそらくわかりました。
またまた馬鹿さ加減爆発な失態です。

タグ ：

プルダウンメニュー

ポップアップメニュー

ティアオフメニュー

過去に書いた記事に間違いがありました。
こちらで修正するとともに、
元記事はあえて修正せずにバカさ加減をひけらかそうと思います。

タグ ：

プルダウンメニュー

ポップアップメニュー

ティアオフメニュー

そもそも、なんでFLASHでプルダウンメニューを作ったかと言うと、
FireWorksで作ったプルダウンメニューの下に、FLASH動画を配置すると、
プルダウンメニューがFLASHの下に隠れてしまうという問題があったから。
そこで、プルダウンメニューまでFLASH内におさめてしまおうというのが発端。
ところが、FLASHにある設定をすれば
FIREWORKSで作ったプルダウンメニューの下に、FLASH動画を配置しても問題ないらしい。

タグ ：

FireWorks

Flash

プルダウンメニュー

ポップアップメニュー

ティアオフメニュー

さてスクリプトの解説

タグ ：

ActionScript

プルダウンメニュー

ポップアップメニュー

ティアオフメニュー

色々探したけど見つからなくて結局自分で作ったものの中に
FLASHのプルダウンメニューがあります。今日はそちらのご紹介。

タグ ：

プルダウンメニュー

ポップアップメニュー

onClipEvent

hitTest