ボタンに文字を流しその文章にあったリンク先にジャンプ
下のボタンに5つのメッセージが流れます。そのメッセージが流れているときに
クリックすれば、それぞれのページへジャンプ出来ます。20秒ぐらい待ってみて下さい。
試してみてもらうのが一番かと・・・・・。
それと新しいページでは開きません。
| サンプル |
| <BODY onload="samplebotan()" bgcolor="#9999ff"> <SCRIPT LANGUAGE="JavaScript"> <!-- blinkMax=3 blinkTextWait=1000 blinkSpacesWait=300 scrollWait=80 scrollWidth=34 expandWait=100 typeWriterWait=450 randommesses=false messeMax=5 messes=new Array(messeMax) messes[1]=new messe("今クリックすればトップへ", "http://www.act2cool.com/html/", "",Blink) messes[2]=new messe("今クリックすれば私のプロフィールへ行きます", "http://www.act2cool.com/html/my/pro.htm", "", Scroll) messes[3]=new messe("今クリックすると懸賞生活応援団へ", "http://www.act2cool.com/kensyou/", "", Static,2500) messes[4]=new messe("今クリックするとリンクについてのページへジャンプします", "http://www.act2cool.com/html/linkuni.htm", "", Expand,3500) messes[5]=new messe("メールを送りたいなら今クリック ", "http://cgi.act2cool.com/mail/form.htm", "", TypeWriter) with (document) { write('<center><form name="formDisplay"><input type="button"') write('name="buttonFace" value=" 注 目 "') write('onClick="messeClick(messeNo)"></input></form></center>') } messeText="" timerID=null timerRunning=false spaces="" charNo=0 charMax=0 charMiddle=0 messeNo=0 messeWait=0 function messe(text, url, frame, type, wait) { this.text=text this.url=url this.frame=frame this.Display=type this.wait=wait } function StringFill(c, n) { var s="" while (--n >= 0) { s+=c } return s } function getNewRandomInteger(oldnumber, max) { var n=Math.floor(Math.random() * (max - 1) + 1) if (n >= oldnumber) { n++ } return n } function getRandomInteger(max) { var n=Math.floor(Math.random() * max + 1) return n } function targeturl(url, frame) { if (frame != '') { if (frame == 'self') self.location.href=url else if (frame == 'top') top.location.href=url else if (frame == 'parent') parent.location.href=url else { s=eval(top.frames[frame]) if (s != null) top.eval(frame).location.href=url else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes") } } else window.location.href=url } function Static() { document.formDisplay.buttonFace.value=this.text timerID=setTimeout("ShowNextmesse()", this.wait) } function TypeWriter() { messeText=this.text messeWait=this.wait charMax=messeText.length spaces=StringFill(" ", charMax) TextTypeWriter() } function TextTypeWriter() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=messeText.substring(0, charNo)+spaces.substring(0, charMax-charNo) charNo++ timerID=setTimeout("TextTypeWriter()", typeWriterWait) } else { charNo=0 timerID=setTimeout("ShowNextmesse()", messeWait) } } function Blink() { messeText=this.text charMax=messeText.length spaces=StringFill(" ", charMax) messeWait=this.wait TextBlink() } function TextBlink() { if (charNo <= blinkMax * 2) { if ((charNo % 2) == 1) { document.formDisplay.buttonFace.value=messeText blinkWait=blinkTextWait } else { document.formDisplay.buttonFace.value=spaces blinkWait=blinkSpacesWait } charNo++ timerID=setTimeout("TextBlink()", blinkWait) } else { charNo=0 timerID=setTimeout("ShowNextmesse()", messeWait) } } function Expand() { messeText=this.text charMax=messeText.length charMiddle=Math.round(charMax / 2) messeWait=this.wait TextExpand() } function TextExpand() { if (charNo <= charMiddle) { document.formDisplay.buttonFace.value=messeText.substring(charMiddle - charNo, charMiddle + charNo) charNo++ timerID=setTimeout("TextExpand()", expandWait) } else { charNo=0 timerID=setTimeout("ShowNextmesse()", messeWait) } } function Scroll() { spaces=StringFill(" ", scrollWidth) messeText=spaces+this.text charMax=messeText.length messeText+=spaces messeWait=this.wait TextScroll() } function TextScroll() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=messeText.substring(charNo, scrollWidth+charNo) charNo++ timerID=setTimeout("TextScroll()", scrollWait) } else { charNo=0 timerID=setTimeout("ShowNextmesse()", messeWait) } } function samplebotan() { StopHeadmesser() timerID=setTimeout("ShowNextmesse()", 2000) timerRunning=true } function StopHeadmesser() { if (timerRunning) { clearTimeout(timerID) timerRunning=false } } function ShowNextmesse() { if (randommesses) messeNo=getNewRandomInteger(messeNo, messeMax) else (messeNo < messeMax) ? messeNo++ : messeNo=1 messes[messeNo].Display() } function messeClick(messeNo) { document.formDisplay.buttonFace.blur() if (messeNo > 0) targeturl(messes[messeNo].url, messes[messeNo].frame) } // --> </SCRIPT> </BODY> |
| 赤い所の数値はそれぞれにの設定数値です。表示時間を変えたりスピードを変えれます。 試してみてください。 Expand,3500にはexpandWait=100というように対になっています。数値を入れてないのは 記述しなくても動いたので記述していません。同じような記述法で記述してもかまいませんが まずは、コピー・ペーストで試してください。 "今クリックすればトップへ", "http://www.act2cool.com/html/", "",Blinkなどとある ""はフレームが指定出来るようにしてます。「self」「parent」「top」などと記述するだけで OKです。 messeMax=5 の5は文章の数に合わせてください。それと <BODY onload="samplebotan()" > を忘れないようにしてください。 |
ソースを利用したら、http://www.act2cool.com/html/へリンクの協力を御願い致します。