PIXNET Logo登入

新人報到~!!的部落格

跳到主文

歡迎光臨新人報到~!!在痞客邦的小天地

部落格全站分類:職場甘苦

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 5月 18 週日 200814:39
  • 打字式跑馬燈2

語法展示::   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) 人氣(0)

  • 個人分類:網頁語法特效~跑馬燈
▲top
  • 5月 18 週日 200814:18
  • 打字式跑馬燈1

語法展示::   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) 人氣(2)

  • 個人分類:網頁語法特效~跑馬燈
▲top
  • 5月 18 週日 200813:54
  • 捲動式跑馬燈

語法展示:  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) 人氣(0)

  • 個人分類:網頁語法特效~跑馬燈
▲top
«1...111112

個人資訊

新人報到~!!
暱稱:
新人報到~!!
分類:
職場甘苦
好友:
累積中
地區:

熱門文章

  • (327)Beautyleg No.254 Sunny
  • (22)雙黃頭亞馬遜鸚鵡
  • (19)以色列F-15I 戰機
  • (2)狀態列~拼湊式跑馬燈

文章分類

  • 散文小品 (78)
  • 唯美人物寫真 (16)
  • 電影討論區 (0)
  • 網頁素材 (0)
  • 時尚流行品味 (113)
  • 美容纖體天地 (16)
  • 寵物天地 (112)
  • 網頁語法特效~保密類 (8)
  • 網頁語法特效~綜合類 (1)
  • 網頁語法特效~圖片特效 (32)
  • 網頁語法特效~訊息、文字 (48)
  • 網頁語法特效~更換背景顏色 (14)
  • 網頁語法特效~滑鼠 (51)
  • 居家生活小撇步與健康 (192)
  • 網頁語法特效~背景圖 (26)
  • 網頁語法特效~視窗 (48)
  • 心理測驗 (69)
  • 星座星情 (71)
  • 網頁語法特效~超連結 (37)
  • 網頁語法特效~日期時間 (50)
  • 網頁語法特效~偵測 (10)
  • 網頁語法特效~跑馬燈 (30)
  • 未分類 (0)
  • 科技軍事貼圖 (25)
  • 搞笑圖 (35)
  • Uncategoried (31)
  • 未分類文章 (1)

最新文章

  • 父親的床
  • 人生只有一次
  • 旋轉木馬
  • 幸福=夢想+堅持
  • 責任
  • 四個人
  • 泛黃
  • 【沒什麼....只是我愛妳....】
  • 怎麼可能? 不用把妹就會有正妹當你女朋友!?
  • 赤裸的天使在草原上放風箏

最新留言

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣:
    • 累積人氣: