語法展示::
http://home.graffiti.net/plbbgfr/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="Javascript1.2">
<!--
var tags_before_clock = "<center>";
var tags_after_clock = "</center>";
var speed = 100;
var speed2 = 2000;
var biggest_text = 20;
var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";
var themessage2 = new Array
(
"這個跑馬燈沒有外框",
"而且不需要什麼設定",
"假如您需要增加訊息數量",
"只要用兩個引號將訊息包住",
"後面再加個逗點即可"
);
if(navigator.appName == "Netscape") {
document.write('<layer id="wds"></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<span id="wds"></span><br>');
}
function upwords()
{
themessage = themessage2[y];
if (x < biggest_text)
{
x++;
setTimeout("upwords()",speed);
}
else
{
setTimeout("downwords()",speed2);
}
if(navigator.appName == "Netscape")
{
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+tags_before_clock+themessage
+tags_after_clock+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1)
{
wds.innerHTML = tags_before_clock+themessage+tags_after_clock;
wds.style.fontSize=x+'px'
}
}
function downwords()
{
if (x > 1)
{
x--;
setTimeout("downwords()",speed);
}
else
{
setTimeout("upwords()",speed2);
y++;
if (y > themessage2.length - 1) y = 0;
}
if(navigator.appName == "Netscape")
{
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+tags_before_clock+themessage
+tags_after_clock+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1)
{
wds.innerHTML = tags_before_clock+themessage+tags_after_clock;
wds.style.fontSize=x+'px'
}
}
setTimeout("upwords()",speed);
-->
</script>
</center>
在 var speed = 100; 中修改訊息的速度 |
在 var speed2 = 2000; 中修改每個動作間停滯的時間(每1秒=1000) |
在 var biggest_text = 20; 中修改最大時的字體大小 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(100)
語法展示::
http://home.graffiti.net/mhedf/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var marqueewidth=170
var marqueeheight=30
var speed=1
var marqueecontents='<font face="細明體" color="#000000" size="2">明月幾時有？<br>把酒問青天。<br>不知天上宮闕今夕是何年？<br>我欲乘風歸去，<br>又恐瓊樓玉宇，<br>高處不勝寒。<br>起舞弄清影，<br>何似在人間！<br><br>轉朱閣，<br>低綺戶，<br>照無眠。<br>不應有恨何事偏向別時圓？<br>人有悲歡離合，<br>月有陰晴圓缺，<br>此事古難全。</font>'
if (document.all)
document.write('<center><marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee></center>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",400)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
-->
</script>
在 var marqueewidth=170 中修改特效的寬度 |
在 var marqueeheight=30 中修改特效的高度 |
在 var speed=1 中修改特效的速度 |
在 var marqueecontents='<font face="細明體" color="#000000" size="2">明月幾時有？<br>把酒問青天。<br>不知天上宮闕今夕是何年？<br>我欲乘風歸去，<br>又恐瓊樓玉宇，<br>高處不勝寒。<br>起舞弄清影，<br>何似在人間！<br><br>轉朱閣，<br>低綺戶，<br>照無眠。<br>不應有恨何事偏向別時圓？<br>人有悲歡離合，<br>月有陰晴圓缺，<br>此事古難全。</font>' 中修改跑馬燈的內容(但切記不可斷行) |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(190)
語法展示::
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; 中修改跑馬燈的速度 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(230)
語法展示::
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) |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(135)
語法展示::
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"> 中修改跑馬燈的長度紫蓮の翼 發表在 痞客邦 留言(0) 人氣(994)
語法展示::
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> 中修改跑馬燈的長度紫蓮の翼 發表在 痞客邦 留言(0) 人氣(185)
語法展示::
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=" "; 中修改重複顯示文字時，中間所要顯示的文字 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(524)
語法展示:: 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)} 中修改跑馬燈的速度 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(226)
語法展示::
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> 中修改跑馬燈的長度紫蓮の翼 發表在 痞客邦 留言(0) 人氣(291)
語法展示:
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> 中修改跑馬燈的長度紫蓮の翼 發表在 痞客邦 留言(0) 人氣(351)
網頁特效語法 (11)