な~~~も思いつかん!

勢い余って

JavaScriptのプログラムを書く!そして載せる!しかし責任はもてない!じゃ載せるな!

などなど。

脳内会議がけたたましく行われています今日この頃いかがお過ごしでしょーか。想児です。

どうせ載せるのなら面白いやつがいいな~~
だったら分かり易いやつ?
であるならば、画面でモリモリ動くやつ?

そーだな~~


・・・・


ん~~~~

むずかしいな~~

とりあえず皆様は↓で

ネコがネコじゃらしを追いかけるかのごとく遊んでて下さい。




何にも思いつかないな~~

何か思いついたら載せますねぇ。

とりあえず、上のやつのソースさらしますね~。
*----------HTML----------*
<body bgcolor="#B0C4DE" onload="JsTest()" style="position:relative;">
<table width="300px" height="300px" style="position:relative;">
<tr>
<td height="100%">触れたったらえーねん。四角いヤツにな。
<div id="target"><font size="10">■</font></div>
</td>
</tr>
</table>
</body>


*----------JavaScript----------*
var cntTop=0;
var cntLeft=0;

function JsTest(){
var obj=document.getElementById("target");
obj.style.position="absolute";
obj.style.top=0;
obj.style.left=0;

obj.onmouseover=function(){
var value=20;
var maxValue=300;
if(cntTop==maxValue && cntLeft==0){
cntTop=cntTop-value;
}else if(cntTop==maxValue && cntLeft==maxValue){
cntLeft=cntLeft-value;
}else{
if(cntLeft<maxValue){
var X=0;
if(cntTop==0){
X=value;
}else if(cntTop==maxValue){
X=-value;
}
cntLeft=cntLeft+X;
}if(cntTop<maxValue){
var Y=0;
if(cntLeft==0){
Y=-value;
}else if(cntLeft==maxValue){
Y=value;
}
cntTop=cntTop+Y;
}
}

obj.style.top=cntTop+"px";
obj.style.left=cntLeft+"px";
}

}

では!