語法展示:: http://home.graffiti.net/kmcdda5ghy/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var msg="我在這裡我在這裡！看到了沒......^_^ 這是打字式+捲動式的跑馬燈，除了打字效果外，還會捲動喔！";
var interval = 100;
var spacelen = 120;
var space10=" ";
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = spacelen;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll();", interval );
}
function Scroll2() {
var out="";
for (i=1; i<=spacelen/space10.length; i++) out += space10;
out = out + msg;
len=out.length;
window.status=out.substring(seq, len);
seq++;
if ( seq >= len ) { seq = 0; };
window.setTimeout("Scroll2();", interval );
}
-->
</script>
| 在 var msg="我在這裡我在這裡！看到了沒......^_^ 這是打字式+捲動式的跑馬燈，除了打字效果外，還會捲動喔！"; 中修改要顯示的文字 |
| 在 var interval = 100; 中修改跑馬燈的速度 |
| 在 var spacelen = 120; 中修改跑馬燈文字再次顯示時，出現在右邊的距離 |
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="Scroll();"
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/mnjkyy678/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var msg="我在這裡我在這裡！看到了沒......^_^ 這是個打字式的跑馬燈......不錯喔！";
var interval = 250;
seq = 0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
-->
</script>
| 在 var msg="我在這裡我在這裡！看到了沒......^_^ 這是個打字式的跑馬燈......不錯喔！"; 中修改要顯示的文字 |
| 在 var interval = 250; 中修改跑馬燈的速度 |
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="Scroll();"
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/htgvss66j/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
function scroll(seed)
{
var m1 = "我在這裡我在這裡！"
var m2 = "看到了沒......^_^"
var msg=m1+m2;
var out = " ";
var c = 1;
if (seed > 100) {
seed--;
var cmd="scroll(" + seed + ")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0) {
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
} else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scroll(100)",7);
}
}
}
timerONE=window.setTimeout('scroll(100)',50);
-->
</script>
在 var m1 = "我在這裡我在這裡！" 及 var m2 = "看到了沒......^_^" 中修改要顯示的文字
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/qok8911fds/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="init()"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
bd=new Array();
bd[0]=" 歡迎光臨 "
bd[1]=" 本站網址 http://blog.pixnet.net/como0925"
bd[2]=" 本站還在擴充中 "
bd[3]=" 每天都會有不同的新鮮內容 "
a=0
i=0
rt=false
on=false
f=0
function change() {
msg=bd[a]
msgl=bd[a].length
if(i<msgl) {
i++
if(!rt) document.title='§§'+msg.substring(msgl-i,msgl)+'§§'
else document.title='§§'+msg.substring(i,msgl)+'§§'
setTimeout("change()",2)
}else {
i=0
if(rt==false) {
rt=true
setTimeout("change()",5000)
}
else {
rt=false
if(++a>3)a=0
setTimeout("change()",1000)
}
}
}
window.onload=change
-->
</script>
| 在 if(++a>3)a=0 中修改訊息的數量(真實數量-1) |
| 在 setTimeout("change()",5000) 中修改開啟後停留的時間(每1秒=1000) |
| 在 setTimeout("change()",1000) 中修改合併後停留的時間(每1秒=1000) |
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/hd45678gd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var message="歡迎光臨 紫蓮之翼"
var message=message+" "
i="0"
var temptitle=""
var speed="250"
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}
window.onload=titler
-->
</script>
| 在 var message="歡迎光臨 爪哇島" 中修改跑馬燈的文字 |
| 在 var speed="250" 中修改跑馬燈的速度 |
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/vfgyt456hdew2/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
title_tmp1=document.title
if (title_tmp1.indexOf(">>")!=-1){
title_tmp2=title_tmp1.split(">>");
title_last=" —> "+title_tmp2[1];
title_last=title_last + " —> " + title_tmp2[2];
}else{
if (title_tmp1.indexOf("——")!=-1){
title_tmp2=title_tmp1.split("——");
title_last=" —> "+title_tmp2[1];
if (title_last==" —> "){title_last=" —> "};
if (title_last==" —> "){title_last=" —> "};
}
}
title_new="紫蓮の翼"
step=0
function flash_title()
{
step++
if (step==9) {step=1}
if (step==1) {document.title='★☆☆☆☆'+title_new+'☆☆☆☆★'}
if (step==2) {document.title='☆★☆☆☆'+title_new+'☆☆☆★☆'}
if (step==3) {document.title='☆☆★☆☆'+title_new+'☆☆★☆☆'}
if (step==4) {document.title='☆☆☆★☆'+title_new+'☆★☆☆☆'}
if (step==5) {document.title='☆☆☆☆★'+title_new+'★☆☆☆☆'}
if (step==6) {document.title='☆☆☆★☆'+title_new+'☆★☆☆☆'}
if (step==7) {document.title='☆☆★☆☆'+title_new+'☆☆★☆☆'}
if (step==8) {document.title='☆★☆☆☆'+title_new+'☆☆☆★☆'}
setTimeout("flash_title()",500);
}
flash_title()
-->
</script>
| 在 title_new="紫蓮の翼" 中修改跑馬燈的文字 |
| 在 setTimeout("flash_title()",500); 中修改跑馬燈的速度 |
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/fgryd778d/
注意看瀏覽器上方的標題列喔
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language=JavaScript>
<!--
isIE4 = (navigator.appVersion.charAt(0)>=4 && (navigator.appVersion).indexOf("MSIE") != -1);
var m1= "我在這裡我在這裡！";
var m2= "看到了沒......^_^";
var msg=m1+m2;
var msg=msg+msg;
function titnimation()
{
msg=msg.substring(2,msg.length)+msg.substring(0,2); document.title = msg;
}
if(isIE4) {
setInterval("titnimation()",400);}
-->
</script>
| 在 var m1 = "我在這裡我在這裡！" 及 var m2 = " 看到了沒......^_^ " 中修改要顯示的文字 |
| 在 setInterval("titnimation()",400); 中修改跑馬燈的速度 |
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ghygt/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var marqueewidth=455;
var marqueeheight=40;
var speed=5;
var marqueecontents='<IMG src="http://home.graffiti.net/ghygt/NVE00043.gif"> 每天都要hi喔......';
if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>');
function regenerate() {window.location.reload();}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450);
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=455; 中修改跑馬燈從右邊出現的位置 |
| 在 var speed=5; 中修改跑馬燈的速度 |
| 自行修改連結的內容 |
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/oljpgfd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript">
<!--
var speed = 150
var message = "歡迎來到我的部落格http://blog.pixnet.net/como0925"
var s = 0
var l = message.length
document.write("<form name='btn'><input type='button' "
+"name='sc' value='"+ message +"'></form>")
function btnsc() {
document.btn.sc.value = message.substring(s,l) + message.substring(0,s)
s++
if (s >= l) {
s = 0
}
setTimeout("btnsc()",speed)
}
btnsc();
-->
</script>
</center>
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/edfgt665/
請用IE6.0或更新版本觀看語法特效展示
這個跑馬燈很好玩喔...滑鼠向左文字即會向左，滑鼠向右文字即會向右，滑鼠觸碰文字即會停止
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var ostat = false;
function scrollstop() {
news.scrollAmount = 0;
ostat = true;
}
function scrollplay() {
news.scrollAmount = 5;
ostat = false;
}
function scrolldir() {
mid = screen.width / 2;
mouse = event.x;
if(mouse > mid) {
if(ostat == false) {
speed = (mouse - mid) / 25;
news.scrollAmount = speed;
}
news.direction = "right";
}
else {
if(ostat == false) {
speed = (mid - mouse) / 25;
news.scrollAmount = speed;
}
news.direction = "left";
}
}
-->
</script>
將以下程式碼複製，貼在插入<body >標籤裡面。
onMouseMove="scrolldir()"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<marquee name=news id=news behavior=scroll direction=left scrollamount=5 scrolldelay=1 hspace=0 vspace=0 onmouseover="scrollstop()" onmouseout="scrollplay()">
紫蓮の翼 http://blog.pixnet.net/como0925 有空來逛逛喔</marquee>
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: 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; 中修改最大時的字體大小 |
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: 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>' 中修改跑馬燈的內容(但切記不可斷行) |
okrfnv 發表在 痞客邦 留言(0) 人氣()
語法展示:: 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; 中修改跑馬燈的速度 |
okrfnv 發表在 痞客邦 留言(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) |
okrfnv 發表在 痞客邦 留言(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"> 中修改跑馬燈的長度
okrfnv 發表在 痞客邦 留言(0) 人氣()
