javascript

オンマウス(マウスを乗せる)で画像が変わる一番簡単な方法

とかっこいいタイトルをつけてみましたが、 今や、画像が変わるなんて当たり前なんですよね。 前回もめっちゃ簡単な方法をいいましたが、 とりあえずもっと簡単な方法があって 結論から言いますと、ライブラリを使うってこと。 なぁ〜んだ、って思うかもです…

onmouse(マウスをのせる)で画像が変わるシンプルなソースコード

備忘録です。 結構便利です。 <img src="img/common/head/he_stuff1.png" border="0" onmouseover="this.src='img/common/head/he_stuff2.jpg';" onmouseout="this.src='img/common/head/he_stuff1.png'" /> まだonmouseを使ったCSSが完全に制御できないので、 これを使用しています。

基本構文(scriptタグ)

JavaScriptの記述方法を見てみましょう。 まず、基本的な構文は以下になります。 <script type="text/javascript"> ここにJavaScriptを記述します。 </script> scriptタグの中に処理を記述します。 ただ、ブラウザによってはscriptタグに対応していないブラウザがあります。 その場合にHTMLでは上記の…

JavaScriptでHTMLタグを記入して実行する。

JavaScriptでHTMLタグを記述して、さらに表示してみます。 この場合はdocument属性を使用します。 やいのやいの言わずに早速吟じて見たいと思います。 では吟じます。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-31j"> <title>JavaScriptで…</meta></head></html>

マウスが重なったら画像を変更してみる

JavaScriptには「イベントハンドラ」というものがあります。 イベントハンドラは指定したイベント(行動)が発生したときに呼び出されるます。 たいてい「on〜〜」で始まりその後にイベント名を記述します。 まずは吟じてみたいと思います。 <html> <head> </head></html>