2012-12-30から1日間の記事一覧

変数を理解する０３

基礎 JavaScript

入力ダイアログボックスを表示 prompt() promptメソッドは、指定したウィンドウに文字ダイアログを表示する window.prompt('ダイアログに表示される文字列','入力欄の初期値')と指定する この結果は「文字列 + 数値」で「文字列 + 文字列」になる ソースコー…

変数を理解する０４

基礎 JavaScript

標準体重プログラム ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>標準体重</title> </head> <body> <script> /* *標準体重計算プログラム *最終修正日:2012.06.07 */ var height;//身長 var weight;//体重 //身長を代入する height=170; //計算を行う weight=(height-100)*0.9; //結果を表示する document</body></html>…

[基礎][JavaScript]変数を理解する０５

メッセージを表示するダイアログボックス ソースコード【 JavaScript 】 alert( メッセージ ); ユーザーに確認を求めるダイアログボックス ソースコード【 JavaScript 】 confirm( メッセージ ); 変数 = confirm( メッセージ ); confirmメソッドは「戻り値を…

画像置換（1）

JavaScript 授業

単純なJavaScript ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>画像置換</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <nav> <ul> <li><a href="#"></a></li></ul></nav></body></html>

[JavaScript][授業]画像置換（2）

ライブラリを利用 rollover.js ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>画像置換[ rolloverの使用 ]</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> <script src="js/rollover.js"></script> </head> <body> <nav> <ul> <li><a href="#"></a></li></ul></nav></body></html>

rollover

reference JavaScript

☆★データーでの確認★☆rollover 「_on」と名前を付けたロールオーバー用画像を用意し、img要素にclass="btn"と設定することでロールオーバー機能を付けることができる ソースコード【 HTML 】 <script src="js/rollover.js"></script> ソースコード【 JavaScript 】 /* Standards Compliant Rollover…