はてなブックマーク

「開始」ボタンを押すと徐々にページが表示されていきます。 実際にどのような感じになるか確認してみてください。 (* InernetExplore のみ有効な機能です) ページのフェードイン効果を出すためにスタイルシートの「filter」機能を使用しています。 filter 機能にはいろいろな機能がありますが、その中の「alpha オプション(透明度の指定)」を使用します。 alpha オプションでは０(不透明)～１００(透明)までを数値で指定します。 始めにスタイルシートの設定でページ全体の透明度を０に指定しておきます。 これでページを読み込んだときには表示されない状態になっています。 次に、この透明度の指定を JavaScript を使って１００まで段階的に変化させていきます。 すると徐々にページが表示されていきます。 これとは逆に、alpha オプションの値を１００から０へと変化させて

HTML やスタイルシートはWebページをどのように表示するかを指示する言語ですが、 ユーザーの反応に合わせてページを変化させたりすることはできません。 JavaScript を使用するとマウス操作やキーボード操作に合わせてWeb ページを動的に変化させることができます。 JavaScript ではOS やブラウザー･ブラウザーのバージョンによって、同じスクリプトでも動作が違ったり、スクリプト内で使用している命令がそのブラウザーでは未対応であったりすることがあります。 そこで当サイトでは、解説ページの一番下に各ブラウザーの対応表を設けております。 これを参考にしてターゲットの環境に合ったスクリプトの作成を行なってみてください。 JavaSript 講座へようこそ！ ホームページは作れるようになったがページにちょっとしたアクセントをつけたい！ もっとインタラクティブなホームページにしたい！

<div class="sampleMenu01" onmouseover="popupMenu(this, 1,360,380);rollOver(this,'sampleMenu02');" onmouseout="displayMode('none');rollOver(this,'sampleMenu01');" >検索エンジン</div> サンプルのピンク色のメニューを表示しているソースです。 メニュー項目ごとに、このソースを追加していきます。 onmouseover の動作 「popupMenu」関数でサブメニュー(ポップアップメニュー)の表示を行います。 また、「rollOver」関数でメニューの色を薄いピンク色に変更しています。 色を変更することで、どのメニュー項目をポイントしているかがわかりやすくなります。 onmouseout の動作 「displayMode」関数でサ