特殊文字跑馬燈


大丙 發表



這可不是一般的跑馬燈,看起來還蠻特別!!!

 

 

<script language="JavaScript1.2">
<!--
//Secify scroller contents
var line=new Array()
line[1]="歡迎光臨xxx的網頁"
line[2]="本站有各種資源!!"
line[3]="有網頁教學"
line[4]="MIDI音樂!!"
line[5]="歡迎你光臨本站..................."

//Specify font size for scoller
var ts_fontsize="20px"

//--Don't edit below this line

var longestmessage=2
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<center> <form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}


nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",225)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
 

 


 

 

講解說明:line[1]="歡迎光臨xxx的網頁"
line[2]="本站有各種資源!!"
line[3]="有網頁教學"
line[4]="MIDI音樂"
line[5]="歡迎你光臨本站..................."
註:line[n]="文字 "n代表行數
var ts_fontsize="20px"
註:可改變文字大小,文字大小會影響跑馬燈的長度


紅色部分請自行修改

 

最後更新日期: 9/11/2004 10:29:20 PM