在 Kaie's Bolg 學會如何增添文字調整,讓讀者可隨意調整文章字體。首先進入修改HTML,將以下代碼加入]]>下邊,上邊。切記將所有< 置換成<
<script type='text/javascript'>
function getElementsByName_iefix(tag, name) {
var elem = document.getElementsByTagName(tag);
var arr = new Array();
for(i = 0,iarr = 0; i < elem.length; i++) {
att = elem[i].getAttribute("name");
if(att == name) {
arr[iarr] = elem[i];
iarr++;
}
}
return arr;
}
function doZoom(size)
{
var zooms = getElementsByName_iefix("span", "zoom")
for (var i = 0; i < zooms.length; i++) {
zooms[i].style.fontSize = size+'px';
}
}
</script>
在 HTML 裏找出下列
如沒有就找
改換為以下
最後將以下代碼置在要顯現的地方。你也可以在頁面添加一個Java,直接置入將以下代碼。數字以px為單位,字體大小可自行更改。
<p><data:post.body/></p>
如沒有就找
<data:post.body/>
改換為以下
<span name='zoom'><p><data:post.body/></p></span>
最後將以下代碼置在要顯現的地方。你也可以在頁面添加一個Java,直接置入將以下代碼。數字以px為單位,字體大小可自行更改。
<a href="javascript:doZoom(16)">大</a>
<a href="javascript:doZoom(14)">中</a>
<a href="javascript:doZoom(12)">小</a>
0 個歲月的足跡:
張貼留言