マウスオーバーJavascriptのボタンの効果
、あなたはおそらく、JavaScriptを使用して、「マウスオーバー」効果を見てきました。 JavaScriptが、プログラミング言語のJavaと混同しないように、Webページの簡単なスクリプト言語です。マウスがアイテムの上に置いたときに変数を格納および取得するためのjavascriptのための能力は、ボタンなど、ユニークなエフェクトを可能にします。
「ONMOUSEOVER "属性
は
ほとんどの場合、Javascriptを定義する「ONMOUSEOVER」によって係合されます。
リンクタグ内の＆LT; hrefが= "mysite.com"のonmouseover = "
この属性は、実際にはボタンに書きますか、直接識別することができるjavascriptのコードを係合します新しいイメージのWebページ内のほとんどのボタンが実際に小さな画像ファイルですので、あなたは「マウスオーバー」ボタンの2つの異なる画像、レギュラーボタン用とその他を使用して、さまざまな効果を作成することができます。
ログイン
統合Javascriptを
今日、多くのブラウザは、マウスが任意の追加のJavaScriptせずに、離れた後、元の状態にあるボタンを返す「ONMOUSEOVER」と「ONMOUSEOUTを、「統合するのに必要なjavascriptのコードが含まれています。達成するためにこれは、フレーズ配置」文書を[itemnameは] .SRC = [場所]」の後に「...オーバー」と「...アウト "属性。 「[itemnameは]「あなたがロールオーバーするイメージタグのID属性の値に置き換えられます。 > IMG SRC = mypicture.jpgのID =鉱山;例えば、document.mine.srcは= "mypicture2.jpg"画像タグ℃に相関するであろう。 「場所」は、マウスオーバーまたはマウスアウトファイルが座っているディレクトリです。それはコードが書き込まれているHTMLファイルと同じディレクトリである場合、ファイル名だけが必要です。で
スクリプト
を追加するこの種のコードをすることができますあなたは多数のロールオーバー効果を望む場合は面倒。プロセスを合理化するためには、JavaScriptの関数を記述し、単に数値や文字列変数を使用してその関数を呼び出すことができます。 HTMLファイルのヘッダーにJavaScriptを配置し、内＆LTで囲み; script>タグ。 A>タグのはONMOUSEOVERやONMOUSEOUT属性; "関数 '名前'（）" - - '名前'はあなたが選択した任意の一意の名前ですその後＆LTで呼び出すことができます。例えば、＆LT; HREF = "webpage.html"のonmouseover = "MyOver（）"れるonmouseout = "MyOut（）>。"あなたは、変数を使用する場合は、自動的にイメージとそれに対応するマウスオーバー同等探しスクリプトを作成することができます。たとえば、スクリプトは、画像ファイルOnMouseOffが活性化されたONMOUSEOVERが活性化され、「[変数] _on.jpg」と「[変数] _off.jpg」を見ることができます。その後タグのみコールする必要があります」「myout（[変数]） 'のonmouseover = "を活性化させるために。関連する画像は、もちろん、「[変数] _on.jpg」と「[変数] _off.jpg」と命名されなければならない - 「[変数]」、もちろん、あなたが選択した任意の固有のテキストまたは数値文字列であります。
ログインロールオーバー画像は、
ロールオーバーは、最終的にボタンを表示する画像を作る方法に降りてきます
。いくつかの一般的な効果は、あなたがそれの上にカーソルを置くようにtehのオリジナルボタン "輝き"を行うことを含みます。年長の効果は、それが押されたかのように隆起した見通しボタンが表示されました。これらの効果は、画像編集ソフトで作成された複数の画像を使用します。それ以外の場合は、Webページは、各ロールオーバーに歪む可能性があり、これらの画像ファイルのすべてが正確に同じ寸法であることが重要である。で