マウスに付いて来る文字(表示回数指定)
【IE5】【Ne4】
下記がソースです。必要な方は自由(確認不要)に活用して下さい。
本例では表示回数2回を指定であり、マウスを2回移動まで表示。「更新」又は
「再読み込み」で再度表示します。
<HTML>
<HEAD>
<TITLE>mokuzi1</TITLE>
<STYLE type=text/css>
div {FONT-SIZE:12pt; COLOR:#ff0000; TOP:-100px; POSITION:absolute; font-weight:bold}
</STYLE>
<SCRIPT language=JavaScript>
<!--
// ******* 下記を変更の事(KIの実用JavaScript)*******
var msg = "100000ヒット有難うございました♪" //表示する文字
var haba = 15 //文字間の幅
var xaa = 20 // 矢印からの文字の表示横位置
var yaa = 0 // 矢印からの文字の表示縦位置
// ***************************************************
var kaisuu=2 // 表示回数の指定
var cnt=0
var ya=0
msg = msg.split("")
var cnt=0
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
if (ya != yiti [msg.length]){
cnt += 1
ya=yiti [msg.length]
}
if (cnt > kaisuu){
for (i=0; i<msg.length; i++) {
x = -100
y = -100
}
}
}
function hyouzi() {
if (cnt > kaisuu+50)return;
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 + xaa
yiti [0] = y + yaa
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; i>=1; i--) {
xiti[i]=xiti[i-1]+haba
yiti[i]=yiti[i-1]
}
xiti [0] = x + xaa
yiti [0] = y + yaa
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 BGCOLOR=#F0FFF0 onload="hyouzi()">
<font color=#ff00ff><b>マウスに付いて来る文字(表示回数指定)</b></font>
<font size=2>【IE5】【Ne4】
下記がソースです。必要な方は自由(確認不要)に活用して下さい。<br>
本例では表示回数2回を指定であり、マウスを2回移動まで表示。「更新」又は
「再読み込み」で再度表示します。
</font><hr>
<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>