這篇文章我拖了好久，真的是有點對不起那些等待許久的網友～
從去年十月就有網友問過我這個有關"連結文字會閃爍"的問題；
雖然那時我有教過他，但不知後來他是否有成功？
因為他也沒再過來我的部落格，而且他也沒留下他的部落格網址給我～

我也有想過要在部落格寫一篇這樣的文章來分享給大家，但一直是雜事纏身，又加上本身的腦袋記憶很差，所以就忘了寫～

經過我在多家部落格測試之後的結果，我發現有三家可以使用這樣的語法～
痞客邦(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)，的部落格管理後台的左側有一項"側邊欄位設定"

p01.JPG 

按下去之後，就會進入側邊欄位的設定↓然後按下右側的"新增版位"

 

p02.JPG 

之後在那個"設定自訂欄位"裡貼上我剛才要求各位複製的語法，

p03.JPG 

貼上完畢之後，再按下右下角的那個"送出"，
至於那個"自訂標題"就不需要了，你可以自行決定要用甚麼標題～
(我是用空白鍵一格啦，這樣別人也看不到在哪裡)
然後，最重要的，就是要將那個欄位移至"側欄"位，↓

p04.JPG 

最好是移至最下方就好；既看不見，又不佔其它的欄位位置～
然後再按下最右下角的那個"儲存版面"，就OK啦～
現在，咱們來測試一下↓

p05.JPG 

將滑鼠移至超連結文字上
嗯～～～不錯～蠻漂亮滴～

至於其它兩家如天空(yam)與Xuite，也都比照相同模式辦理～

※提醒：在部落格的後台側邊欄位設定，也就只有"部落格"才能出現閃爍連結文字哦；其他如相簿、名片、留言板....等的，就要看那裡是否有支援那樣的設定～

寶某在此預祝各位成功～
下台一鞠躬～

　

arrow
arrow
    全站熱搜

    baosss 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄