負けてたまるか。

脳トレ、プログラミング、PHP、WEB製作などのメモ

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--.--.-- --:-- | スポンサー広告 | トラックバック(-) | コメント(-) | Edit
じゃんけんゲームの作成に使用した命令

小数点切り上げ
Math.ceil() … 小数点以下を切り上げます。1.2であれば2になります。


乱数を返す
Math.random() … 0~1の乱数を返します。


1~3の整数を返す
Math.ceil(Math.random() * 3) … 1~3の整数を返します。


ID名がついたオブジェクトの文字列を変更
document.getElementById("ID名").value = "文字列" … ID名がついたオブジェクトの文字列を変更します。


サンプル



結果: CPUが出した手:
スポンサーサイト
X座標とY座標

document.オブジェクト名.style.left = X座標 … 画像のX座標を指定
document.オブジェクト名.style.top = Y座標 … 画像のY座標を指定


オブジェクト名

オブジェクト名 … オブジェクト名を指定すると、オブジェクトの色やサイズなどの状態を変更できます。

name属性でオブジェクト名を指定
document.namezokusei.style.top = X座標

参照番号(ページ先頭からの画像数)でオブジェクト名を指定
document.images[0].style.top = X座標

画像名でオブジェクト名を指定
document.images["namezokusei"].style.top = X座標


ソース

<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に指定



サンプル

ボタンをクリックで画像が左右に移動します。





追記:ブログにアップしたら動かなくなっちゃいました。なんでだろ・・。


main main2

マウスカーソルを画像の上に重ねると、画像が入れ替わるロールオーバー画像の作成が今回のお題です。

ロールオーバー画像は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)選択させる

このままこの仕事を続けていきたいのか。それとも、給料が少なくなる可能性はあっても新しいことにチャレンジをするのか・・。よく考えて、あなたの人生にプラスになる方法を考えてくださいね。
| ホーム |

カレンダー

02 | 2008/03 | 06
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

最近の記事

月別アーカイブ

タグリスト

ブログ内検索

カテゴリー

RSSフィード

リンク

ブロとも申請フォーム

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。