這篇文章我拖了好久，真的是有點對不起那些等待許久的網友～
從去年十月就有網友問過我這個有關"連結文字會閃爍"的問題；
雖然那時我有教過他，但不知後來他是否有成功？
因為他也沒再過來我的部落格，而且他也沒留下他的部落格網址給我～
我也有想過要在部落格寫一篇這樣的文章來分享給大家，但一直是雜事纏身，又加上本身的腦袋記憶很差，所以就忘了寫～
經過我在多家部落格測試之後的結果，我發現有三家可以使用這樣的語法～
痞客邦(Pixnet)、天空(yam)與Xuite
而像雅虎奇摩、無名和Pchome則都不支援這樣的語法～
請各位先複製以下的語法↓
|
<SCRIPT language=JavaScript>
<!--
var rate = 50;
var obj;
var act = 0;
var elmH = 0;
var elmS = 100;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
-->
</SCRIPT>
<STYLE type=text/css>
A:link {
COLOR: #C00008; TEXT-DECORATION: none
}
A:visited {
COLOR: #C00008; TEXT-DECORATION: none
}
A:hover {
COLOR: #C00008; TEXT-DECORATION: none
}
</STYLE>
|
1.在痞客邦(Pixnet)，的部落格管理後台的左側有一項"側邊欄位設定"
按下去之後，就會進入側邊欄位的設定↓然後按下右側的"新增版位"
之後在那個"設定自訂欄位"裡貼上我剛才要求各位複製的語法，
貼上完畢之後，再按下右下角的那個"送出"，
至於那個"自訂標題"就不需要了，你可以自行決定要用甚麼標題～
(我是用空白鍵一格啦，這樣別人也看不到在哪裡)
然後，最重要的，就是要將那個欄位移至"側欄"位，↓
最好是移至最下方就好；既看不見，又不佔其它的欄位位置～
然後再按下最右下角的那個"儲存版面"，就OK啦～
現在，咱們來測試一下↓
將滑鼠移至超連結文字上
嗯～～～不錯～蠻漂亮滴～
至於其它兩家如天空(yam)與Xuite，也都比照相同模式辦理～
※提醒：在部落格的後台側邊欄位設定，也就只有"部落格"才能出現閃爍連結文字哦；其他如相簿、名片、留言板....等的，就要看那裡是否有支援那樣的設定～
寶某在此預祝各位成功～
下台一鞠躬～
留言列表
▼內有怪咖各分店 
