大家今天進來網誌的時候有沒有嚇一跳 XD

沒事沒事~ 不是 Pixnet 出問題,不用怕!今天是 CSS 裸奔節,為了共襄盛舉,我就把網頁上的 CSS 給脫掉了,明天就恢復正常囉!

CSS 裸奔節的用意是希望大家重視 HTML 標準,寫出有結構性的 HTML 並且將 HTML 與 CSS 分離。若你能遵循這個原則的話,就算把 CSS 給拿掉,也是可以正確閱讀網頁的,只是會變得很醜。看來 Pixnet 的網頁結構還不錯阿 :-D

CSS 裸奔節 官方網站上面有人提供了一道 JavaScript 程式,只要引用它就可以自動幫你在這天把 CSS 脫掉。不過它的寫法有 bug,我修改一下之後放在我的網頁上,有興趣一起參加的人只要在「網誌描述」或「側邊區塊」或其他可自訂語法的地方加入以下這行程式碼就行囉!
<script src="http://nelson.csie.us/JS/nakedDay.js" type="text/javascript"></script>
若是嫌外連太慢,就直接貼上這些程式碼吧
<script type="text/javascript">
nakedDayNow = new Date();
nakedDayStart = new Date(nakedDayNow.getFullYear(),3,9,0,0,0);
nakedDayEnd = new Date(nakedDayNow.getFullYear(),3,10,0,0,0);

if(nakedDayNow.getTime() >= nakedDayStart.getTime() && nakedDayNow.getTime() <= nakedDayEnd.getTime())
{
    var nakedDayCSS = document.getElementsByTagName('link');
    for(var nakedDayI = nakedDayCSS.length; nakedDayI >= 0; nakedDayI--)
    {
        if(nakedDayCSS[nakedDayI] && ((nakedDayCSS[nakedDayI].href.indexOf('.css') > -1 || nakedDayCSS[nakedDayI].type == 'text/css')))
        {
            nakedDayCSS[nakedDayI].parentNode.removeChild(nakedDayCSS[nakedDayI]);
        }
    }

    var nakedDayCSS = document.getElementsByTagName('style');
    for(var nakedDayI = nakedDayCSS.length; nakedDayI >= 0; nakedDayI--)
    {
        nakedDayCSS[nakedDayI].parentNode.removeChild(nakedDayCSS[nakedDayI]);
    }
}
</script>
創作者介紹

Nelson 的小世界

Nelson 發表在 痞客邦 PIXNET 留言(3) 人氣()


留言列表 (3)

發表留言
  • rakusan
  • 連過來還真的嚇到說= =
    想說NELSON大的CSS怎麼壞了orz
  • pp920254
  • 被嚇到了,還想說是自已剛裝的
    Firefox 3b5 出問題了…
  • mimi
  • 脫了比平常不脫好看

    網頁很乾淨了