加上更改字體大小的 Java Script
| 四月 17, 2006 | 3個迴響 | 沒有引用 | 2308 reads | Size: L, M, S | Edit: P, C || Category: LifeType, HTML CSS PHP JS, BLOG. |
最近被太多前輩抱怨字體太小了，哈哈。大概我也老了，最近也習慣看文字的時候，把字體放大再看，沒必要跟眼睛過不去，哈哈XD 為此，先從自己的Blog下手，加上了更改字體大小的 JavaScript。紀錄一下。
首先，因為大多數 LifeType 的模板編輯器應該都是設定不允許上傳 .js 檔案，所以改用以下作法：
編輯 header.template 檔案，加上以下語法：
{literal}<script language="javascript" type="text/javascript">
function doZoom(size){
document.getElementById('content').style.fontSize=size+'px'}
</script>{/literal}
其中，記得把紅色粗體部份，改成你要放大的那個部份的css id。
如果可以用上傳 .js，在模板資料夾下，新增一個 Zoom.js 檔案，內容為：
function doZoom(size){
document.getElementById('content').style.fontSize=size+'px'}
一樣，其中的紅色粗體部份，記得改成你要放大的那個部份的css id。
另外，一樣編輯 header.template 檔案，加上這行：
<script xsrc="{$url->getTemplateFile("Zoom.js")}" type="text/javascript" ></script>
這樣就可以了。
接著，在適當的地方，加上例如：
<a xhref="javascript:doZoom(20)">放大</a>
的語法，來放大縮小。其中，數字部份是你要指定的字體大小，單位為 px。
P.S 請移除上面 xsrc、xhref 的 x，這似乎是瀏覽器與 Fx 之間的一點恩恩怨怨。
隨機文章：
» [瀏覽器] Sleipnir 2 beta5 / Firefox 1.5 中文beta - Released
» 方便的 CSS HTML PHP MySQL mod_rewrite JavaScript HEX 速查表
» 讓 LifeType 的連結列表可以收折
» Cocoa Island - 靠訪客人數蓋房子的小椰果
» [小工具] Blog It & Bookmark It
好東西^_^
收起來先 :)