1 頁 (共 1 頁)

[推薦] 一個會讓字串或圖片上下跑的東西喔!

發表於 : 2005-09-19 17:52
kkt
這是根據"JavaScript" 語法的一種小技巧, 我從其它相關文章中左試右試的試出來. 覺得挺好玩的, 當然是指對我這新手而言. 我想給大家分享一下.

這是一個會讓字串或圖片上下跑的東西喔!拿來當作廣告是蠻不錯的,不過看久了不知道神經會不會有一點錯亂。

安裝: 容易
打開: templates/subSilver/index_body.tpl
在頁尾 </tr></table> 把下面那堆語法放在之前便可以了.

代碼: 選擇全部


<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
 if(document.layers) document.layers["napis"].top=yp;
 else  document.all["napis"].style.top=yp;

 if(yp>yk) step = -4
 if(yp<60) step = 4
 setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
 if(done) return
 done = 1;
 if(navigator.appName=="Netscape") {
  document.napis.left=innerWidth/2 - 145;
  anim(60,innerHeight - 60)
 }
 else {
  napis.style.left=11;
 anim(60,document.body.offsetHeight - 60)
 }

}
//-->
</script>
<div id="napis" style="position: absolute;top: -50;
color: #000000;font-size:9pt;">
這裡輸入您的文字內容
</div>
<script language="JavaScript">
<!--
 setTimeout('start()',10);
//-->
</script> 

==========================================================================================================
補充說明:

你要變色的字<font color="你要的顏色(要輸入英文例:red)">
這樣就好嚕!!


==========================================================================================================
文字換成圖片:

//找到:

<div id="napis" style="position: absolute;top: -50;
color: #000000;font-size:9pt;">
這裡輸入您的文字內容
</div>

//在這一行

這裡輸入您的文字內容

//

//把下面這行語法覆蓋上去:

<img src="圖片路徑" STYLE="position:absolute;LEFT:310; TOP:80;" border=0 width=128 height=75 alt="圖片說明">


//覆蓋後如下這般:

<div id="napis" style="position: absolute;top: -50;
color: #000000;font-size:9pt;">
<img src="圖片路徑" STYLE="position:absolute;LEFT:310; TOP:80;" border=0 width=128 height=75 alt="圖片說明">

//
//這裡輸入您的文字內容 ====就是把這行文字改成<img src=圖片路徑> ===這就是圖片語法
//</div>
//

//補充說明:

STYLE="position:absolute;LEFT:310; TOP:80;//"置放在距離螢幕左邊310點,可自行調整\r
TOP:80;"//距離上方80點的位置,若不想定位刪除即可.
border="0" //圖片沒有邊框.
width=128 height=75 //寬128點,高75點,可不寫.
alt="圖片說明" //就是這張圖的說明,游標移至上方才顯示.

==========================================================================================================