2009/07/20

夾註語法-文字顯示/隱藏-Show/Hide Spans

最近玩的小東西。最初是見到[新漢籍全文]的夾註,覺得很神奇,開始研究如何應用在blogger裡。

新漢籍全文

不過試來試去,總不能完全成功,最後完成的作法,終於在 FireFox 下 Blogger 及 Xuite 都能正常顯示了,但已與[新漢籍全文]的作法不太相同。

下面這段,要貼在 </head>以前, Xuite 可以貼到[自由欄位]裡。

  • <script type="text/javascript">
    function showhide(id) {
    if (document.getElementById) {
    obj = document.getElementById(id);
    if (obj.style.display == "") {
    obj.style.display = "none";
    } else {
    obj.style.display = "";
    }
    }
    }
    </script>

下面這段,是在本文裡的寫法。

  • <a style="cursor:pointer" onclick="showhide('qXX'); return(false);"><span style="font-size: 14px; color: #cccccc;">(註)</span></a><span style="display: none;" id="qXX"><span style="font-size: 14px; color: green;">⊙</span></span>

範例:子曰:「商也好與賢己者處,賜也好說不若己者。(註) 不知其子視其父,不知其人視其友,不知其君視其所使,不知其地視其草木。(註) 故曰與善人居,如入芝蘭之室,久而不聞其香,即與之化矣。(註) 與不善人居,如入鮑魚之肆,久而不聞其臭,亦與之化矣。(註) 丹之所藏者赤,漆之所藏者黑,是以君子必慎其所與處者焉。」(註)

沒有留言:

張貼留言