　　　　　　　　　　　　

マウスカーソルを追いかける文字列

Gaiax のページでマウスカーソルを追いかけるように
文字列が動いているのを見かけることがあります。
ここでは、マウスカーソルを追いかけるように文字列を
プラウザ上に表示するソースを書いておきます。　　　　　

Gaiaxページの編集画面から「お知らせ欄」に下のソースを編集してコピー＆ペーストで貼り付けてください。

<script lunguage=JavaScript1.2>
var message = 'Hanekid Websiteへようこそ'; /* 表示する文字列 */
var SIZE = 10; /* フォントのサイズ */
var COLOR = 'red'; /* 文字の色 */
var FONT= 'Impact'; /* フォント名 */
var STEP =1.5; /* 文字のピッチ（SIZE*STEP） */
</script>
<script lunguage=JavaScript1.2>
/*multiply's common scripts*/
Q34=String.fromCharCode(34);
C44=String.fromCharCode(44);
var ARG=new Array;
function G_replace(obj){
var reg=eval('new RegExp(ARG[0]'+C44+'\'gi\');');
return eval('obj.replace(reg'+C44+Q34+ARG[1]+Q34+');');
}
function G_setTimeout(){
return eval('setTimeout(ARG[0]'+C44+'ARG[1]);');
}
</script>
<script lunguage=JavaScript1.2>
var x;
var y;
var flag = 0;

message=message.split('');

var xpos=new Array();
for (i in message) xpos[i] =- 50;

var ypos=new Array();
for (i in message) ypos[i] =- 50;

for (i in message) {
var SPAN='<span ';
SPAN+='id=span' + i + ' ';
SPAN+='class=spanstyle ';
SPAN+='style=\'font:'+SIZE+'pt '+FONT+';color:'+COLOR+'\'';
SPAN+='>';
SPAN+=message[i];
SPAN+='</span>'
document.write(SPAN);
}

function handlerMouse(){
x = document.body.scrollLeft + event.clientX;
y = document.body.scrollTop + event.clientY;
flag = 1;
}

function makeStalker() {
if(flag == 1) {
for (i=message.length-1; i>=1; i--) {
xpos[i] = xpos[i-1] + SIZE * STEP;
ypos[i] = ypos[i-1];
}
xpos[0] = x + SIZE * STEP;
ypos[0] = y;
for (i in message) {
var SPAN = eval('span' + i + '.style')
SPAN.posLeft = xpos[i];
SPAN.posTop = ypos[i];
}
}
ARG[0]='makeStalker();';
ARG[1]=30;
G_setTimeout();
}

function startStalker(){
document.onmousemove = handlerMouse;
makeStalker();
}

if(document.all) startStalker();
-->
</script>
<style type=text/css>

</style>
</HEAD>
<BODY>

　