写真の編集ソフトとして、PhotoImpact をご存じの方も多いと思います。実はこのソフトには、動的ボタンを作る隠し機能があります。ウェブサイトに置く、マウスを乗せると背景が変わるあのボタンです。個人的にはとても便利だと思います。ただし、ほかに方法をご存じなら、そちらを使うことをおすすめします。生成されるコードがとても長く、Firefox で表示すると表示がおかしくなるからです。とはいえ、動的ボタンの作り方がわからない人にとっては、かなり便利です XD
では、どうやって作るのか。下をご覧ください~~~~~~~
- PhotoImpact のメインプログラムを開き、上のツールバーで「ネットワーク」、「コンポーネントデザイナー」の順にクリックします。
- コンポーネントデザイナーの左側で「Rollover ボタン」をクリックし、好みのボタンのスタイルを選んで「次へ」を押します。
- まず「正常」を設定して、マウスがボタンの上にないときに表示される内容を指定します。
- 次に、MouseOver（マウスがボタンの上に乗ったとき）と MouseDown（マウスでボタンを押したとき）の設定をします。
- すべて設定したら「エクスポート」をクリックし、「HTML へ」を選びます。
- 保存先を指定して保存します。
- 下の画面が表示されたら、そのまま「OK」を押せば完了です。
では、先ほど保存した場所に移動し、拡張子が .htm のファイルを開いて結果を見てみましょう。
↑↑↑ Firefox で表示すると、余分なコードが一段増えてしまいます。
動画：