<HEAD> </HEAD>タグの中を以下の様にする。
<HEAD> <STYLE TYPE="text/css"> <!-- A:hover {color:red;} --> </STYLE> </HEAD>
<BODY> </BODY> タグの中を以下の様にする。
<BODY bgcolor="black" link="#DDDDFF" vlink="#DDDDFF" alink="#DDDDFF" onload="hvltest()" onunload="clearTimeout(tID)"> <script language="JScript" fptype="dynamicanimation"> <!-- dynamicanimAttr = "dynamicanimation" animateElements = new Array() currentElement = 0 speed = 0 stepsZoom = 8 stepsWord = 8 stepsFly = 12 stepsSpiral = 16 steps = stepsZoom step = 0 outString = "" function dynAnimation(){ var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4)return for (index=document.all.length-1; index >= document.body.sourceIndex; index--){ el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if(null != animation){ if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord"){ ih = el.innerHTML outString = "" i1 = 0 iend = ih.length while(true){ i2 = startWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, false, "") if(i2 == iend) break i1 = i2 i2 = endWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, true, animation) if(i2 == iend) break i1 = i2} document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null)} if(animation == "zoomIn" || animation == "zoomOut"){ ih = el.innerHTML outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">" outString += ih outString += "</SPAN>" document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null)}}} i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++){ el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if (null != animation){ if(animation == "flyLeft"){ el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0} else if(animation == "flyRight"){ el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = 0} else if(animation == "flyTop" || animation == "dropWord"){ el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight} else if(animation == "flyBottom"){ el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight} else if(animation == "flyTopLeft"){ el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight} else if(animation == "flyTopRight" || animation == "flyTopRightWord"){ el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight} else if(animation == "flyBottomLeft"){ el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight} else if(animation == "flyBottomRight" || animation == "flyBottomRightWord"){ el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight} else if(animation == "spiral"){ el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight} else if(animation == "zoomIn"){ el.style.posLeft = 10000 el.style.posTop = 0} else if(animation == "zoomOut"){ el.style.posLeft = 10000 el.style.posTop = 0} else{ el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0} el.initLeft = el.style.posLeft el.initTop = el.style.posTop animateElements[i++] = el}} window.setTimeout("animate();", speed)} function offsetLeft(el){ x = el.offsetLeft for (e = el.offsetParent; e; e = e.offsetParent) x += e.offsetLeft; return x} function offsetTop(el){ y = el.offsetTop for (e = el.offsetParent; e; e = e.offsetParent) y += e.offsetTop; return y} function startWord(ih, i){ for(tag = false; i < ih.length; i++){ c = ih.charAt(i) if(c == '<') tag = true if(!tag) return i if(c == '>') tag = false} return -1} function endWord(ih, i){ nonSpace = false space = false while(i < ih.length){ c = ih.charAt(i) if(c != ' ') nonSpace = true if(nonSpace && c == ' ') space = true if(c == '<') return i if(space && c != ' ') return i i++} return -1} function outWord(ih, i1, i2, dyn, anim){ if(dyn) outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">" outString += ih.substring(i1, i2) if(dyn) outString += "</SPAN>"} function animate(){ el = animateElements[currentElement] animation = el.getAttribute(dynamicanimAttr, false) step++ if(animation == "spiral"){ steps = stepsSpiral v = step/steps rf = 1.0 - v t = v * 2.0*Math.PI rx = Math.max(Math.abs(el.initLeft), 200) ry = Math.max(Math.abs(el.initTop), 200) el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx) el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry)} else if(animation == "zoomIn"){ steps = stepsZoom el.style.fontSize = Math.ceil(50+50*step/steps) + "%" el.style.posLeft = 0} else if(animation == "zoomOut"){ steps = stepsZoom el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%" el.style.posLeft = 0} else{ steps = stepsFly if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") steps = stepsWord dl = el.initLeft / steps dt = el.initTop / steps el.style.posLeft = el.style.posLeft - dl el.style.posTop = el.style.posTop - dt} if (step >= steps) { el.style.posLeft = 0 el.style.posTop = 0 currentElement++ step = 0 } if(currentElement < animateElements.length) window.setTimeout("animate();", speed)} //--> </script> <SCRIPT LANGUAGE="JavaScript"> <!-- var str=navigator.appVersion; var ver=parseInt(str.substring(0,3)); var ie4=navigator.appName=="Microsoft Internet Explorer" && ver>=4.0; num=5; str =new Array(num); str[0] = " ようこそ郵便屋さんが作ったホームページへ。" str[1] = " Javaスクリプトをお楽しみ下さい。(^o^)v" str[2] = " E-mail #1: jh8mz@jarl.com" str[3] = " E-mail #2: jh8mz@bea.hi-ne.jp" str[4] = " http://www.bea.hi-ho.ne.jp/jh8cmz/" spd = 70; siz=5; tID = 0; lng = 0; j=0; k=0; s = "0000123456789abcdeffffedcba9876543210000" ; function msgFade() { lng=s.length-1; if ( j > lng ){ j = 0;k++; } if ( k > num-1 ){ k = 0;} p=s.charAt(j); if(k<1){col="#"+p+p+p+p+p+p;} if(k==1){col="#"+p+p+p+p+"00"} if(k==2){col="#"+p+p+p+p+p+p;} if(k==3){col="#"+p+p+p+p+"00"} if(k==4){col="#"+p+p+p+p+p+p;} if(ie4){ //IE4のとき document.all('layer1').innerHTML = '<font size='+siz+' color=' + col + '>' + str[k] +'</font>';} j++ tID=setTimeout("msgFade()",spd);} //--> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!-- function hvltest(){ dynAnimation(); msgFade()} //--> </SCRIPT> <span id="layer1" style="position: absolute;top:100;left:270"></span> <BR> <center> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> </center><CENTER><FONT size="+1"><B> <FONT color="ffff00" size="+1" id="ANIMA_MSG3" style="position:relative !important; left: 10000 !important;" dynamicanimation="spiral">?</FONT></B></FONT></CENTER> </BODY>