作者accordingto (Knoppix)
看板Web_Design
標題Re: [問題] 讓跑馬燈停止或跑動
時間Fri Oct 22 10:35:55 2004
※ 引述《ckf (看到螢幕就會頭暈的病)》之銘言:
: 請問如何讓下列跑馬燈可以再滑鼠移過去時停止, 移走又開始跑的效果?
: 我找到onMouseOver=this.stop()以及onMouseOut=this.start()這兩個
: 用法, 但不知道該加到哪裡, 謝謝
做法像下面這樣
<script language=JavaScript>
var index = 2 //跑馬燈項目數量
link = new Array(index-1);
text = new Array(index-1);
//項目1
link[0] ='
http://www.google.com.tw/'
text[0] ='googole'
//項目2
link[1] ='
http://www.yahoo.com.tw/'
text[1] ='yahoo'
//以下為跑馬燈
document.write ("<marquee scrolldelay='120' direction='left'"); //方向
document.write ("width='188' height='15'
id='howard'"); //長寬
document.write ("
onmouseover=howard.stop() onmouseout=howard.start()>");
for (i=0;i<index;i++){
document.write ("<font> ★</font>"); //分隔星星
document.write ("<a href="+link[i]+" target='_blank'>");
document.write ("<font color=darkblue>"+text[i]+"</font>");
document.write ("</a>");
}
document.write ("</marquee>")
</script>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.218.51.174
1F:推 ckf:many thanks! :) 61.231.86.222 10/22