始めに言っておきます。このスクリプトは下らないです。
リンクが何処までも逃げていきます。それを追いかけるだけです。
クリックできたら、指定ページに移動できます。
お暇なら、クリックしてみてください。
逃げるリンクを画像にしたい場合は補足をご覧下さい。
・サンプルを見る
・ソースを保存する
（右クリック→「対象をファイルに保存」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
//クリックされた時に表示したいURLを指定する
my_url="../../index.html";
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(){location.href=my_url;}
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>
[ 解説 ]
上から5行目にある「../../index.html#JavaScript」に、お好きなURLをお書き下さい。
また、下の方にある「[ 注意 クリック禁止！」の文字も、好きな文字にご変更下さい。
（補足1）
「[ 注意 ] クリック禁止！」の文字を画像に変えたい場合、
文字列の代わりに画像タグをお書き下さい。
例）
<a href="JavaScript:my_click();">
<img src="../button1.gif">
</a>
（補足2）
クリックされた時に、新ウィンドウでリンク先を表示したい場合は、下から18行目にある
function my_click(){location.href=my_url;}
を、
function my_click(){window.open(my_url);}
にご変更下さい。
|
