看板 Im_An
作者 標題 [轉錄] Re: 新增貼上BBS色彩圖的方法
時間 2010年01月29日 Fri. PM 07:12:04
※ 本文轉錄自 DISP_BBS 看板
看板 DISP_BBS
作者 標題 Re: 新增貼上BBS色彩圖的方法
時間 2009年12月05日 Sat. AM 02:37:13
本來的閃礫字的做法是利用CSS的
text-decoration:blink;
做出來的，可是這個效果只有用FireFox才看的到 囧
想說用javascript來模擬閃礫的效果
結果發現困難重重 ><
網路上有找到一些方法
不過那些都是會連背景一起閃礫...
BBS的閃礫字是像這樣 閃礫
每秒鐘字體的顏色會變成背景的顏色，過一秒再變回來
花了一整天，還是寫不出來
實在是因為JavaScript還不是很熟
後來受不了還跑去PTT AJAX板問
本來有想到一個折衷的辦法是
字跟背景分開
<span class="blink" style="position:absolute;">閃礫</span><span> </span>
再利用 jQuery以及 setTimeout() 來切換字的 none 及 inline 兩種顯示模式
$(".blink").css("display","none");
$(".blink").css("display","inline");
不過後來看到 AJAX 板有一位 tomin 回答了個更好的方法
我再修改一下後，像這樣：
$(function(){
});
function blinkIn(){
}
function blinkOut(){
}
blinkIn();
});
function blinkIn(){
$(".blink").each(function(){
$(this).css("color", $(this).css("background-color") );
})
setTimeout("blinkOut()",1000);
}
function blinkOut(){
$(".blink").each(function(){
$(this).css("color","");
})
setTimeout("blinkIn()",1000);
}
要閃礫的字就在class加上blink就好了
<span class="blink">閃礫</span>
所以又重新寫了一下....
就這樣搞了一整天 囧
--
※ 來源: DISP BBS (http://disp.twbbs.org)
※ 作者: Knuckles 來自: 114.43.114.221 時間: 2009-12-05 02:37:13
※ 編輯: Knuckles 來自: 114.43.114.221 時間: 2009-12-05 02:38:12
※ Knuckles:轉錄至看板 knuckles_note 來自：114.43.113.83 時間：2010-01-28 03:25:31
--
※ 來源: DISP BBS (http://disp.twbbs.org)
※ 作者: Ann 來自: 123.110.7.3 時間: 2010-01-29 19:12:04
※ 看板: Im_An 文章推薦值: 0 目前人氣: 0 累積人氣: 116
回列表(←)
分享