マウスに付いて来る文字
【IE5】【Ne4】
下記がソースです。必要な方は自由(確認不要)に活用して下さい。
<HTML>
<HEAD>
<TITLE>マウスに付いて来る文字</TITLE>
<STYLE type=text/css>
div {FONT-SIZE:12pt; COLOR:#ff0000; TOP:-100px; POSITION:absolute}
</STYLE>
<SCRIPT language=JavaScript>
<!--
// ******* 下記を変更の事(KIの実用JavaScript)*******
var msg = "KIの実用JavaScript" //表示する文字
var haba = 15 //文字間の幅
var xa = 20 // 矢印からの文字の表示横位置
var ya = 0 // 矢印からの文字の表示縦位置
// ***************************************************
msg = msg.split("")
var xiti=new Array()
var yiti=new Array()
for (i=0;i<=msg.length;i++) {
xiti [i] = -100
yiti [i] = -100
}
var shoki = 0
function mousmv(evt){
x = (document.layers) ? evt.pageX : document.body.scrollLeft+event.clientX;
y = (document.layers) ? evt.pageY : document.body.scrollTop+event.clientY;
shoki = 1
}
function hyouzi() {
if (shoki==1 && document.all) {
for (i=msg.length; i>=1; i--) {
xiti[i]=xiti[i-1]+haba
yiti[i]=yiti[i-1]
}
xiti [0] = x + xa
yiti [0] = y + ya
for (i=0; i<msg.length; i++) {
var hyouzi1 = eval("document.all.divno" + (i) + ".style")
hyouzi1.posLeft=xiti[i]
hyouzi1.posTop=yiti[i]
}
}
if (shoki==1 && document.layers) {
for (i=msg.length-1; i>=1; i--) {
xiti[i]=xiti[i-1]+haba
yiti[i]=yiti[i-1]
}
xiti [0] = x + xa
yiti [0] = y + ya
for (i=0; i<msg.length; i++) {
var hyouzi1 = eval("document.divno"+i)
hyouzi1.left=xiti[i]
hyouzi1.top=yiti[i]
}
}
var Timer = setTimeout("hyouzi()", 10)
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="hyouzi()">
<SCRIPT language=JavaScript>
<!--
for (i=0;i<=msg.length;i++) {
document.write ("<div id='divno" + i + "'>")
document.write(msg[i])
document.write ("</div>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = mousmv;
//-->
</SCRIPT>
</BODY>
</HTML>