マウスストーカー1(追いかける文字)

font-size:9pt; 文字のサイズを指定します。color:"#FF00FF";文字色です。

var step=20;文字間の設定

<head></head>区間に次のソースを貼り付けます。

<style type="text/css">

<!--

.spanstyle {

position:absolute;

visibility:visible;

top:-50px;

font-size:9pt;

font-family:;

font-weight:bold;

color:"#FF00FF";

}

//-->

</style>

<script language="JavaScript">

<!--Web Site(http://www4.ocn.ne.jp/~spuran/index.htm) -->

<!--

// Splan created

var x,y

var step=20

var flag=0

var message=" ここに文字を入れます "

message=message.split("")

var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos[i]=-50

}

var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos[i]=-50

}

function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}

function maussnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style")

thisspan.posLeft=xpos[i]

thisspan.posTop=ypos[i]

}

}

else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos[i]

thisspan.top=ypos[i]

}

}

var timer=setTimeout("maussnake()",30)

}

//-->

</script>

<script language="JavaScript">

<!--

for (i=0;i<=message.length-1;i++) {

document.write("<span id='span"+i+"' class='spanstyle'>")

document.write(message[i])

document.write("</span>")

}

if (document.layers){

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

//-->

</script>

 

<body>のyの後ろに半角スペースを空けて次のソースを記述します。

onLoad="maussnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"

 

色々な javascript に関する解説は、

spuran氏のサイト、SP空港国内線の「ホームページの演出」

に掲載されています。

 

パスワードリンク 連想ゲーム カラーパレット マウスストーカー1 マウスストーカー 2

ホームページのtopへ