2013-01-01から1ヶ月間の記事一覧
アコーディオンメニュー グーグルのWebサービス「Google AJAX Libraries API」を利用すると、jQuery本体をサーバーにアップしなくてもすぐに使える外部リンク jQuery <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> ・jQueryでHTML,CSSを操作 <script> $(function() { $('p').css('color','red'); }) </script> ・atter (at…
変数のスコープ ・ 変数の値が利用できる範囲 ・ 関数内で宣言した変数は、関数内部でしか使うことができない。それを「ローカル変数」と呼ぶ ・ 関数外で宣言した変数は、プログラム全体で使うことができる。それを「グローバル変数」と呼ぶこの場合は5が有…
for文 for ( 変数の初期値； 繰り返し条件； 変数の変更 ) { 実行される処理 } 変数iはindexの意 変数の値を1増やすのは[++]演算子 <html lang="ja"> <head> <meta charset="UTF-8"> <title>for文の練習（1）</title> </head> <body> <script> var i; for (i = 0; i < 10; i++) { document.write('<p>JavaScript</p>'); } </script> </body> </html>
キャメルケース fullYear Yは大文字 文字列はシングルクォートで囲む if文0~1000までの桁数を判別 <html> <head> <meta charset="utf-8"> <title>if文 0~1000の桁数を判別</title> <script> var num; function dgt() { num = prompt('0から1000までの数値を入力してください','半角英数字で入力してください'); docume</meta></head></html>…
画像をクリックでアラートを表示 ・マウスをカーソルからクリックマークにStyleで指定する <html> <head> <meta charset="utf-8"> <title>画像をクリックでアラートを表示</title> <style> p img { cursor: pointer; } </style> </head> <body> <p> <img src="img/01.jpg" width="500" height="400" alt="バルセロナの写真" onClick="alert('バルセロナの建物です!')"></p> </body> <…</html>
1/25 中間チェック 2/1 最終、プレゼン
マジックナンバーの削除 ・スクリプトに数字を入れない onClipEvent(load) { speed = 10; //移動速度 leftEdge = -20; //左端の座標 rightEdge = 520; //右端の座標 } onClipEvent(enterFrame) { this._x = this._x + speed; if (this._x >= rightEdge) { th…
