オンマウス時にメニューボタンの動きを作りたい

質問

お世話になります。どなたか良いアドバイスをお願いします。
ホームページのメニューボタンに、オンマウス時の効果を付けたいのですが、例えば、http://www.036style.com/で表現されているような動きのように、横方向に伸縮するなどの効果はどうやって作成されるのでしょうか。
このようなアレンジが作成できるソフトを是非教えていただきたいのですが・・・。
当方、ホームページビルダーでの作業しか経験が無いのですが、何か良いソフトがあればと挑戦したいと思っています。
FlashやJavaScriptについては殆ど知識がないのですが、可能でしょうか。どなたか、よろしくお願いします。

回答No.1

abril · ベストアンサー

上記参照サイトに関しては、Flash（SWF形式の）ファイルで作成されています（/base.swf）。Flashファイルは大概、Adobe社のFlashというアプリケーションを使用して作成されています↓
http://www.adobe.com/jp/products/flash/?promoid=BPBRL

ただ、この製品はかなりお値段がはりますので、プロではなくアマチュアの個人の方だと、これからがんがんFlashファイルを作成しよう、という目的の方でない限りちょっと手を出せないのではないかと思います。
フリーもしくはシェアウェアで、Flash（SWF形式の）ファイルが作成できるツールもある様ですね。Adobe製品に比べて機能は限られるとは思いますが。↓
http://www.vector.co.jp/vpack/filearea/win/art/mmedia/mmd/flash/
興味がおありでしたらいくつか試してみてはいかがでしょう。
※ちなみに私自身は上記の様なツールは使用していませんので、評価はできません。

Flashがハードルが高いということであれば、似たような効果をGIFアニメで作成してナビゲーション・ボタンにし、CSSやJavaScriptを組み合わせてマウスオーバー時に参照させる、という手段も考えられます（あの様ななめらかな動きを出すにはかなり細かくフレームを分けねばならないと思いますので、ちょっと重くはなりますね。）。これであれば、ビルダーはお持ちとの事ですので（確かウェブアニメータというGIFアニメ作成ソフトも付属していた筈ですし）特に新しいツールを導入しなくても作成は可能です。CSSやJavaScriptについては適当なキーワードでググればいくらでも「その手の動きをする為の」サンプルが出てきますので、そちらは別に難しくはないです。

では頑張って挑戦してみて下さい。

お礼

はじめまして。
専門家の方にとても丁寧にアドバイスをいただき、早速ベクターのサイトでソフトの研究をしてみます。確かにAdobe社のFlashを使うほどの器でもありませんし・・・。
ウェブアニメータは結構使いこなしていますので、工夫してみます。
本当にありがとうございました。

回答No.2

BlurFiltan

＃１ の方も書かれていらっしゃいますが、
書かれている URL の Flash は Adobe Flash で作成された物だと思います（99.9％そうだと思います）。

しかし、
Adobe Flash を使わなくても、
同様の Flash メニューの作成はフリーソフトでも十分可能で、
このようにすればできます↓。

Suzuka ＆ ParaDraw 講座-スプライト製ボタン(トグルボタンなど)
http://suzupara.iinaa.net/kiso151.html

お礼

ご親切にありがとうございました。
フリーソフトでも可能なんですね。
アドバイスいただいたサイトもじっくり研究してみます。
今後ともよろしくお願いします。