語法展示:: 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();" 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(227)
語法展示:: 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();" 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(147)
語法展示:: 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 = "看到了沒......^_^" 中修改要顯示的文字
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(201)
語法展示::
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) |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(119)
語法展示::
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" 中修改跑馬燈的速度 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(106)
語法展示:: 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); 中修改跑馬燈的速度 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(402)
語法展示::
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); 中修改跑馬燈的速度 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(143)
語法展示::
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; 中修改跑馬燈的速度 |
| 自行修改連結的內容 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(223)
語法展示::
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>
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(150)
語法展示::
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>
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(219)
網頁特效語法 (11)