變化的文字 (二)：你我他：Xuite日誌

變化的文字 (二)：你我他：Xuite日誌

文章分類

全部展開|全部收合

最新文章

ColorSPY 「取色」的小工具

新版音樂隨機播放面板

隨機撥放背景音樂： (自製面板)

新版影音-隨機撥放

隨機撥放背景音樂

語法測試欄

圖片波浪動態效果

新版播放器「自動撥放」「隱藏」

自製撥放清單 - 可多首音樂同時輪流撥放

會移動的背景

圖片切換(四)

在線音樂點播

圖片觸控幻效

漂亮的 Flash 時鐘

用滑鼠滾輪可將圖片放大縮小

照片加框產生器

可在螢幕上測量的一把呎

多彩文字的變化

flash動畫撥放器

漂亮的邊框

向上捲動跑馬燈

鼠鍵控圖放大縮小

下拉選單編輯器

變化的文字 (三)

變化的文字 (二)

變化的文字 (一)

HTML 轉 JS 代碼工具

圖片切換 (幻燈片顯示)

無間斷跑馬燈

垂直圖片跑馬燈

雙擊網頁自動滾屏顯示

MediaPlayer 撥放器

不錯的網頁簡易 Flash mp3player 音樂播放器

漸增色彩字生成器

隨時可使用〔記事本〕開啟檔案

圖片跑馬燈 (可連結)

文繞圖 (簡單易懂)

CSS基礎認識滑鼠指標應用

ＣＳＳ一招半式闖部落（適用XUITE網誌）

按小圖放大圖

圖片隨意貼

圖片三段式顯示

透明貼圖語法

圖片切換(二)

圖片切換(一)

圖片走馬燈

經典台灣演歌目錄

piyu

我的留言板

.

「注意事項」在網頁上複製下來的語法，未經過純文字處理，是不能直接貼到編輯器上使用的，必須經過純文字處理過方可使用，最好是貼到記事本上，再從記事本裡複製貼到編輯器上。

參觀人氣統計

2007-08-28 15:57 變化的文字 (二)

?

平均分數：0 顆星投票人數：0 人
我要評分：

標籤：

變化的文字 (一) 底色文字範例

　今夜又擱為你醉

原始碼：
<span style="FILTER:Glow(Color=#00FF55, Strength=5); width=300"><font face="標楷體" color="#FFFFFF" size="6">今夜又擱為你醉</font></span>

返轉文字範例

又擱為你來失身

原始碼：
<div style="width: 300; font-size: 24pt; font-family: 標楷體; color:#ff82ff; position: relative; filter: fliph; height: 26">又擱為你來失身</div>

皺紋文字範例

皺紋文字參考

原始碼：
<div style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 24pt; color: 33CC66; filter: Wave(LightStrength=30); width: 580; height: 48">
<b><font style="width: 100%; filter: glow(color=#330066, strength=1)">
<div style="width: 300; filter: dropshadow(color=FFFF00, offx=1, offy=1); height: 27">
<p align="center"><font size="6">皺紋文字參考</font>
</div>
</font>
</b>
</div>

波浪文字

將下面框內的原始碼複製，先貼在記事本上修改文字大小
修改完成，使用原始碼編輯格式，貼上既可

<script language="JavaScript1.2">
//configure message
message="「注意事項」在網頁上複製下來的語法，未經過純文字處理，是不能直接貼到編輯器上使用的，必須經過純文字處理過方可使用，最好是貼到記事本上，再從記事本裡 複製貼到編輯器上。"
//animate text in NS6? (0 will turn it off)
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("您所顯示的文字太少了!")
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 70){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}}
</script>
<div id="jumpx" align="center" style="color:#FF0000;font-size:12pt"></div>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>

　

備註：

style="設定樣式文字色彩背景色陰影"

font face="標楷體"　　←文字型

color=#cccccc　　←文字色彩

size="6"　　←文字大小 size:24pt; 2.4em

Strength=5　　←底色大小　1小 → 大

offx=3　　←陰影往X軸位移 (水平)

offy=3　　←陰影往Y軸位移 (垂直)

bgColor="#cccccc" 　　←背景色

width="300"　　←表格寬

height:"27"　　←表格高

align="left"　　　←物件置左中center 右right

FILTER:dropshadow　　←雕刻文字樣式(一)

FILTER:shadow　　←陰影文字樣式 (二)

FILTER:Alpha　　←陰影文字樣式 (三)

piyu / Xuite日誌 / 回應(0) / 引用(0) / 好文轉寄

變化的文字 (一)|日誌首頁|變化的文字 (三)

回應