TOPページ > クリックやマウスオーバーで表示が変化(イベントパンドラ)
クリックやマウスオーバーで表示が変化(イベントパンドラ)

クリックやマウスオーバーで表示が変化(イベントパンドラ)

ブログでも使える簡単なJavaScriptをご紹介します。JavaScriptを使えば、マウスが重なったときに色や表示内容を変えるなど、ページを動的に変化させることができます。

HTMLは基本的に大文字でも小文字でもかまいませんが、JavaScriptは大文字・小文字を区別しますので ソースは正しく記述しましょう。

クリックやマウスオーバーで表示が変化(イベントパンドラ) 項目一覧

簡単なJavaScrip を使って、ウェブサイト内の文字などにマウスポインタが重なったときに説明などの文章をを表示させる(表示を変化させる)ことができます。 ビ...

簡単なJavaScriptで、ウェブサイト内に表示している画像にマウスポインタが重なったときに別の画像が表示されるように、(画像が変化するように)設定すること...

HTMLの<div>タグが持つレイヤー機能と 簡単なJavaScriptを組み合わせると、ウェブサイト内に表示されている文字などにマウスポインタが重...

2006年03月14日

簡単なJavaScrip を使って、ウェブサイト内の文字などにマウスポインタが重なったときに説明などの文章をを表示させる(表示を変化させる)ことができます。

ビタミンの基礎知識
項目にマウスを重ねてください。説明が表示されます。

このソースは、次のようになっています。

続きを読む "イベントパンドラ:マウスを重ねると説明が表示される" »

簡単なJavaScriptで、ウェブサイト内に表示している画像にマウスポインタが重なったときに別の画像が表示されるように、(画像が変化するように)設定することができます。


↑画像にポインタを重ねてください。画像が変化します。

このソースは次のようになります。

続きを読む "イベントパンドラ:マウスを重なると画像が変化する" »

HTMLの<div>タグが持つレイヤー機能と 簡単なJavaScriptを組み合わせると、ウェブサイト内に表示されている文字などにマウスポインタが重なったりクリックしたときに別の文章をなどを表示させることができます。これを使って、折りたたみメニューを作ることができます。

メニューリスト

クリックでメニューが開きます。

このソースは、次のようになります。

続きを読む "レイヤーを使って折りたたみメニューを表示する" »

IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス