上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
新しい記事を書く事で広告が消せます。
じゃんけんゲームの作成に使用した命令
小数点切り上げ |
Math.ceil() … 小数点以下を切り上げます。1.2であれば2になります。 |
乱数を返す |
Math.random() … 0~1の乱数を返します。 |
1~3の整数を返す |
Math.ceil(Math.random() * 3) … 1~3の整数を返します。 |
ID名がついたオブジェクトの文字列を変更 |
document.getElementById("ID名").value = "文字列" … ID名がついたオブジェクトの文字列を変更します。 |
サンプル
スポンサーサイト
X座標とY座標
document.オブジェクト名.style.left = X座標 … 画像のX座標を指定
document.オブジェクト名.style.top = Y座標 … 画像のY座標を指定
オブジェクト名
オブジェクト名 … オブジェクト名を指定すると、オブジェクトの色やサイズなどの状態を変更できます。
name属性でオブジェクト名を指定
参照番号(ページ先頭からの画像数)でオブジェクト名を指定
画像名でオブジェクト名を指定
|
ソース
<script type="text/javascript"><!--x = 0;v = 3;function kansu() { x += v; // x = x + v; xにvをどんどん足していく if(x>400 || x<0){ // もしx座標が400を超えたら。又はx座標が0未満になったら。 v = -v; // 右までいったら左に反転、左までいったら右に反転させる }document.enen.style.left = x;// オブジェクト名enenのX座標を指定}setInterval('kansu()',20);// 0.02秒毎にkansu()を実行// --></script><img src="main3.jpg" name="enen" style="position:relative; left:0; top:0;">// 画像(main3.jpg)を表示 |
式1 || 式2 … もし式1だったら。または式2だったら処理を実行。 v = -v … 右までいったら左に反転、左までいったら右に反転。 document.オブジェクト名.style.left … オブジェクト名のX座標を指定。 setInterval() … 一定毎に処理を実行。 name … オブジェクト名を指定 position:relative … 画像の位置(相対指定) potision:absolute … 画像を位置(絶対指定) left:0 … X座標を0に指定 top:0 … Y座標を0に指定 |
サンプル
ボタンをクリックで画像が左右に移動します。

追記:ブログにアップしたら動かなくなっちゃいました。なんでだろ・・。
マウスカーソルを画像の上に重ねると、画像が入れ替わるロールオーバー画像の作成が今回のお題です。
ロールオーバー画像はonmouseoverと、onmouseoutの2つのイベントを使って作ります。
書式
onmouseover="処理" … マウスカーソルが画像の上に乗ったとき
onmouseout="処理" … マウスカーソルが画像から離れたとき
ソース
<img src="main.gif" width="213" height="240" border="0" onmouseover="this.src='main2.jpg' "onmouseout="this.src='main.gif'"> |
src … 画像のソースを記述 width … 画像の横幅 height … 画像の縦幅 border … 画像の枠線(ボーダー)の太さ onmouseover … マウスカーソルが上にのったとき onmouseout … マウスカーソルが離れたとき this.src … このタグのsrcの中身を指定。 この場合は<img>タグ内のsrc要素の画像アドレス(xxx.jpg)を書き換える。 |
サンプル
恋愛、結婚、人生、仕事、お金、家庭、美容、健康、いじめ、宗教…などなど。
どんなに幸福な人生を送っているようでも、人によって様々な悩みを抱えています。
今回は、そんな悩みを人から相談されたとき、どのようなアドバイスをしてあげるのが良いのかを考えていきましょう。
私も同世代なのでその気持ちはよくわかります。彼女から突然に別れを切り出されてしまったとのこと、お気持ちお察しします。
まず正直にあなたの悩んでいることを伝えてみてはいかがでしょうか? 相手があなたの気持ちを察してくれることを待っていても、あなたの本当の気持ちを分かってもらうことはできませんよ。
自分の気持ちを正直に話すことはあなた自身を大切にするということです。ほんのちょっとだけ勇気をもって、一歩前に踏み出していきましょう。
このままこの仕事を続けていきたいのか。それとも、給料が少なくなる可能性はあっても新しいことにチャレンジをするのか・・。よく考えて、あなたの人生にプラスになる方法を考えてくださいね。
どんなに幸福な人生を送っているようでも、人によって様々な悩みを抱えています。
今回は、そんな悩みを人から相談されたとき、どのようなアドバイスをしてあげるのが良いのかを考えていきましょう。
1)悩みに共感する
私も同世代なのでその気持ちはよくわかります。彼女から突然に別れを切り出されてしまったとのこと、お気持ちお察しします。
2)相手の心を楽にする
まず正直にあなたの悩んでいることを伝えてみてはいかがでしょうか? 相手があなたの気持ちを察してくれることを待っていても、あなたの本当の気持ちを分かってもらうことはできませんよ。
自分の気持ちを正直に話すことはあなた自身を大切にするということです。ほんのちょっとだけ勇気をもって、一歩前に踏み出していきましょう。
3)選択させる
このままこの仕事を続けていきたいのか。それとも、給料が少なくなる可能性はあっても新しいことにチャレンジをするのか・・。よく考えて、あなたの人生にプラスになる方法を考えてくださいね。
| ホーム |