始めに言っておきます。このスクリプトは下らないです。
リンクが何処までも逃げていきます。それを追いかけるだけです。
お暇なら、クリックしてみてください。
逃げるリンクを画像にしたい場合は、補足をご覧下さい。
補足は、ページの下部にあります。
・サンプルを見る
・ソースを保存する (右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
・ソースを見る ・解説を見る
[ ソース ]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp
my_bun=new Array();
//クリックされた時に表示したいメッセージを指定する
my_bun[0]="クリックしないでって言ったのに……";
my_bun[1]="何か用?";
my_bun[2]="ご苦労様でした〜。";
my_bun[3]="アラートがでるだけだったり。";
my_bun[4]="あら、捕まっちゃった。";
iti_value=60;
x_ima=0; y_ima=0; x_iti=0; y_iti=0;
x_moto=0; y_moto=0;
function basyo_han(e){
if((document.layers) || ((document.getElementById) && (!document.all)))
{
x_max=outerWidth;
y_max=outerHeight;}
else
{
x_max=document.body.clientWidth;
y_max=document.body.clientHeight;
}
if(document.layers)
{x_iti=e.pageX; y_iti=e.pageY;}
else if((document.getElementById) && (!document.all))
{x_iti=e.pageX; y_iti=e.pageY;}
else if(document.all)
{x_iti=document.body.scrollLeft+event.clientX;
y_iti=document.body.scrollTop+event.clientY;}
idou_ran=Math.floor(Math.random()*50);
hyouji();}
function idou(){
if(document.layers)
document.layers["lay0"].moveTo(x_ima,y_ima);
else if((document.getElementById) && (!document.all))
{
document.getElementById("lay0").style.left=x_ima;
document.getElementById("lay0").style.top=y_ima;
}
else if(document.all)
{
document.all("lay0").style.pixelLeft=x_ima;
document.all("lay0").style.pixelTop=y_ima;
}
}
function hyouji(){
if(x_moto>x_iti && x_iti-iti_value-idou_ran>iti_value)x_ima=x_iti-iti_value-idou_ran;
else if(x_moto<=x_iti && x_iti+iti_value+idou_ran<x_max)x_ima=x_iti+iti_value+idou_ran;
else x_ima=Math.floor(Math.random()*x_iti)+iti_value;
if(y_moto>y_iti && y_iti-iti_value-idou_ran>iti_value)y_ima=y_iti-iti_value-idou_ran;
else if(y_moto<=y_iti && y_iti+iti_value+idou_ran<y_max)x_ima=y_iti+iti_value+idou_ran;
else y_ima=Math.floor(Math.random()*y_iti)+iti_value;
idou();
if(Math.floor(Math.random()*4)%2==0)
{
if(x_iti-x_ima<10){x_ima-=30;}
else if(x_ima-x_iti<10){x_ima+=30;}
if(y_iti-y_ima<10){y_ima-=30;}
else if(y_ima-y_iti<10){y_ima+=30;}
idou();
}
x_moto=x_iti; y_moto=y_iti;
return false;}
function my_click(){
dore=Math.floor(Math.random()*my_bun.length);
alert(my_bun[dore]);
x_ima=Math.floor(Math.random()*x_max-x_iti);
y_ima=Math.floor(Math.random()*y_max-y_iti);
idou();}
if(document.layers)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=basyo_han;
//-->
</script>
</head>
<body>
<span id="lay0" style="position:absolute;visibility:visible;">
<strong><a href="JavaScript:my_click();">[ 注意 ]クリック禁止!</a></strong>
</span>
・
・
・
</body></html>
[ 解説 ]
上から6〜10行目にある「クリックしないでって言ったのに……」と言った文字列は、お好きなようにご変更下さい。
また、下の方にある「[ 注意 ] クリック禁止!」の文字も、好きな文字にご変更下さい。
(補足)
「[ 注意 ] クリック禁止!」の文字を画像に変えたい場合、
文字列の代わりに画像タグをお書き下さい。
例)
<a href="JavaScript:my_click();">
<img src="../button1.gif">
</a>
|