語法展示:: http://home.graffiti.net/oopltgh/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language=JavaScript>
<!--
msg ="歡迎光臨紫蓮的部落格！";
align="center";
speed=500;
up=true;
spas=" ";
for (a=0;a<=9;a++) {spas+=" "}
msg=spas+msg+spas;
j=eval(-1);
stop=msg.length;
document.write("<form name='form'><table border=0 cellspacing=0 "
+"cellpadding=0 align="+align+">");
for (i=1;i<=10;i++) {
document.write("<tr><td><input type=text name=\"box"+i+"\" size=1>");
document.write("</td></tr>");
}
document.write("</table></form>");
function scrollIt() {
j++;
with (document.form) {
if ((j+9) <= stop) {
box1.value = msg.charAt(j);
box2.value = msg.charAt(j+1);
box3.value = msg.charAt(j+2);
box4.value = msg.charAt(j+3);
box5.value = msg.charAt(j+4);
box6.value = msg.charAt(j+5);
box7.value = msg.charAt(j+6);
box8.value = msg.charAt(j+7);
box9.value = msg.charAt(j+8);
box10.value = msg.charAt(j+9);
} else {
j=0;
}
}
setTimeout("scrollIt()",speed);
}
scrollIt();
-->
</script>
在 msg ="歡迎光臨紫蓮的部落格！";中修改跑馬燈的文字內容 |
在 speed=500; 中修改跑馬燈的速度 |
eeredqq 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ewffghy/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="Javascript1.2">
<!--
var tags_before_clock = "<big><center>";
var tags_after_clock = "</big></center>";
var speed = 100;
var speed2 = 5000;
var mymessage = new Array
(
"歡迎光臨 爪哇島",
"這個跑馬燈沒有外框",
"而且不需要什麼設定",
"假如您需要增加訊息數量",
"只要用兩個引號將訊息包住",
"後面再加個逗點即可"
);
var mymessage2 = mymessage;
var x = 0;
var y = 0;
if(navigator.appName == "Netscape")
{
document.write('<layer id="ticker"></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1)
{
document.write('<span id="ticker"></span><br>');
}
function upticker()
{
if (y > mymessage2.length - 1)
{
y = 0;
setTimeout("upticker()",speed);
}
else
{
if (x > mymessage2[y].length)
{
mymessage = mymessage2[y];
x = 0; y++;
setTimeout("upticker()",speed2);
}
else
{
mymessage = mymessage2[y].substring(0,x++);
setTimeout("upticker()",speed);
}
if(navigator.appName == "Netscape")
{
document.ticker.document.write(tags_before_clock+mymessage+tags_after_clock);
document.ticker.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1)
{
ticker.innerHTML = tags_before_clock+mymessage+tags_after_clock;
}
}
}
setTimeout("upticker()",speed);
-->
</script>
</center>
| 在 var speed = 100; 中修改訊息的速度 |
| 在 var speed2 = 5000; 中修改間隔的時間(每1秒=1000) |
eeredqq 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/wvhnkkop/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var scrtxt="這個跑馬燈的字會兩個字兩個字顯示......最後還會閃爍喔！";
var lentxt=scrtxt.length;
var width=80;
var count=0;
var left=0;
var abc=0;
function scroll() {
var txt="";
var scroller="";
if (abc>0) {
if ((abc%2)==1) { document.guestbook.jeffscroll.value=""; }
else { document.guestbook.jeffscroll.value=scrtxt; }
abc++;
if (abc==8) abc=0;
} else {
if (count>0) {
scroller=scrtxt.substring(0,count);
txt=scrtxt.substring(count,count+2);
} else { txt=scrtxt.substring(0,2); }
for (var i=0; i<(width-left); i++) { scroller += " "; }
if ((width-left)>2) { left+=(width-left)/2; }
else { left++; }
if (left>=width) { count+=2; left=count; }
if (count>=lentxt) { left=count=0; abc=1; }
document.guestbook.jeffscroll.value=scroller+txt;
}
setTimeout("scroll()",128);
}
-->
</script>
| 在 var scrtxt="這個跑馬燈的字會兩個字兩個字顯示......最後還會閃爍喔！"; 中修改要顯示的文字 |
| 在 var width=80; 中修改跑馬燈文字從右邊出現的距離 |
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="scroll()"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name="guestbook" onSubmit="0">
<input type="text" size="50" name="jeffscroll">
</form>
</center>
在 <input type="text" size="50" name="jeffscroll"> 中修改跑馬燈的長度
eeredqq 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/hhnjbr/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language=JavaScript>
<!--
var showstring="這個跑馬燈會一個字一個字飛入後才捲出喔！"
var haveshow=""
var now=0
var step=1
var leavenow=0
if(navigator.appName=="Netscape") step=2
var frontspace=showstring.length/step
function show(){
if(haveshow.length<showstring.length){
realshow=haveshow
if(frontspace>=0){
for(i=1;i<=frontspace;i++)
realshow=realshow+" "
realshow=realshow+showstring.substring(now,now+step)
frontspace-=1
document.f1.t1.value=realshow
}else{
haveshow=showstring.substring(0,now+step)
frontspace=((showstring.length-haveshow.length)/step)
now+=step
}
}else{
realshow=showstring.substring(leavenow,showstring.length)
document.f1.t1.value=realshow
leavenow+=step
if(leavenow>showstring.length){
leavenow=0
haveshow=""
now=0
frontspace=showstring.length/step
}
}
TimeID=setTimeout("show()",50)
}
-->
</script>
| 在 var showstring="這個跑馬燈會一個字一個字飛入後才捲出喔！" 中修改要顯示的文字 |
| 在 var step=1 中修改每一次出現的字數 |
| 在 TimeID=setTimeout("show()",50) 中修改跑馬燈的速度 |
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="show()"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name=f1>
<input type=text name=t1 size=50>
</form>
</center>
在 <input type=text name=t1 size=50> 中修改跑馬燈的長度
eeredqq 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ygvfr/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name=tmForm>
<input type=Text name=tmText size=50>
</form>
</center>
在 <input type=Text name=tmText size=50> 中修改跑馬燈的長度
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="Scroll1();"
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var msg="這是打字式+捲動式的跑馬燈，除了打字效果外，還會捲動喔！";
var interval = 250;
var space10=" ";
var seq=0;
function Scroll1() {
document.tmForm.tmText.value = msg.substring(0, seq+1);
seq++;seq++;
if ( seq >= msg.length ) { seq = 0;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll1();", interval );
}
function Scroll2() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
seq++;seq++;
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll2();", interval );
}
-->
</script>
在 var msg="這是打字式+捲動式的跑馬燈，除了打字效果外，還會捲動喔！"; 中修改要顯示的文字 |
在 var interval = 250; 中修改跑馬燈的速度 |
在 var space10=" "; 中修改重複顯示文字時，中間所要顯示的文字 |
eeredqq 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ujhyygbv/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var line=new Array()
line[1]="紫蓮的部落格"
line[2]="PIXNET "
line[3]="有空多來逛逛喔"
line[4]="或推薦本站"
line[5]="感謝各位...... ^_^"
var ts_fontsize="15pt"
var longestmessage=2
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
var tscroller_width=line[longestmessage].length
lines=line.length-1
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()",200)}
if (document.all||document.getElementById)
window.onload=animate
-->
</script>
| 自行修改跑馬燈的文字內容 |
| 在 var ts_fontsize="15pt" 中修改跑馬燈文字的大小 |
| 在 setTimeout("animate()",200)} 中修改跑馬燈的速度 |
eeredqq 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/bmghgc/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var msg="這是個打字式的跑馬燈......不錯喔！";
var interval = 200;
seq = 0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(0, seq+1);
seq++;
if ( seq >= msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
-->
</script>
| 在 var msg="這是個打字式的跑馬燈......不錯喔！"; 中修改要顯示的文字 |
| 在 var interval = 200; 中修改跑馬燈的速度 |
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="Scroll();"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name=tmForm>
<input type=Text name=tmText size=50>
</form>
</center>
在 <input type=Text name=tmText size=50> 中修改跑馬燈的長度
eeredqq 發表在 痞客邦 留言(0) 人氣()
語法展示: http://home.graffiti.net/hbnfghfdx/
請用IE6.0或更新版本觀看語法特效展示
語法說明
將下列語法貼於</head>之前
<script language="JavaScript">
<!--
var msg="這是個捲動式的跑馬燈，雖然簡單但很實用喔......";
var interval = 500;
var space10=" ";
var seq=0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
seq++;seq++;
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
-->
</script>
在 var msg="這是個捲動式的跑馬燈，雖然簡單但很實用喔......"; 中修改要顯示的文字
在 var interval = 500; 中修改跑馬燈的速度
在 var space10=" "; 中修改重複顯示文字時，中間所要顯示的文字
將下列語法貼於<body>之中
onLoad="Scroll();"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name=tmForm>
<input type=Text name=tmText size=50>
</form>
</center>
在 <input type=Text name=tmText size=50> 中修改跑馬燈的長度
eeredqq 發表在 痞客邦 留言(0) 人氣()
