いくつかの簡単な手順を実行するだけで、スペースをほとんどとらず、動的な交互イメージ ボタンを作成できます。
効果の説明: 交互の画像のセットを作成します。マウスをターゲット画像上に移動すると、移動ボタンのように別の画像が表示されます。これはダイナミックでファッショナブルです。
独創的なアイデア: Dreamweaver MX 2004 ソフトウェアを開き、[挿入] [画像オブジェクト] [画像にマウスを置く] コマンドを実行するか、ツールバーのドロップダウン メニューで [画像にマウスを置く] コマンドをクリックし、必要に応じて設定し、最後にファイルを保存します。
操作手順
(1) Dreamweaver MX 2004 ソフトウェアを開き、新しい HTML ファイルを作成します。
(2) 図 1 に示すように、[挿入] メニューをクリックして画像オブジェクトを選択し、画像の上にマウスを移動します。
(3) [マウスオーバー画像の挿入]ダイアログボックスを開き、図2のように設定し、画像ファイルを選択します。
ヒント: 画像ファイルの場所に注意してください。Web ページ ファイルと同じディレクトリに置くことが最善です。
(4) ショートカットキー Ctrl+S を押してファイルを保存します。この例の操作は完了です。交換ボタンとボタン特殊効果を組み合わせると、より効果的になります