ブログでも使える簡単なJavaScriptをご紹介します。JavaScriptを使えば、マウスが重なったときに色や表示内容を変えるなど、ページを動的に変化させることができます。
HTMLは基本的に大文字でも小文字でもかまいませんが、JavaScriptは大文字・小文字を区別しますので ソースは正しく記述しましょう。
簡単なJavaScriptで、ウェブサイト内に表示している画像にマウスポインタが重なったときに別の画像が表示されるように、(画像が変化するように)設定することができます。
このソースは次のようになります。
HTMLの<div>タグが持つレイヤー機能と 簡単なJavaScriptを組み合わせると、ウェブサイト内に表示されている文字などにマウスポインタが重なったりクリックしたときに別の文章をなどを表示させることができます。これを使って、折りたたみメニューを作ることができます。
このソースは、次のようになります。