WEST MiRa(1,739 Byte)
JavaScript(1,601 Byte)

■ JavaScript - サンプル集(257種類) - DHTML
   - 逃げるリンクVer2

始めに言っておきます。このスクリプトは下らないです。
リンクが何処までも逃げていきます。それを追いかけるだけです。
クリックできたら、指定ページに移動できます。
お暇なら、クリックしてみてください。

逃げるリンクを画像にしたい場合は補足をご覧下さい。

サンプルを見る
ソースを保存する
(右クリック→「対象をファイルに保存」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);}
にご変更下さい。


バナー、リンクについて  ,   利用規約  ,   ヘルプ

Copyright (C) 1998-2007 WEST MiRa. All rights reserved.