字體變化小工具

Posted by: 邱小新 at 下午5:45:00 in

可以直接使用 blogger 的新增小工具功能,加入這段程式碼。

目前測試沒問題的瀏覽器做一個列表如下:

  1. IE 7
  2. Firefox 3
  3. Chrome
  4. Flock
  5. Safari
  6. Maxthon

在 IE6 上有一個小問題,應該說是 IE6 支援不完全,也就是 getAttribute(_attr) 函數無法提取 "class" 的值,每次都會回傳 NULL。所以,當 _attr="class" 時,使用其它 browser 都可以正常運作,就獨獨 IE6 沒有作用。

<script type='text/javascript'> /* = 請先定義下列參數 = */ var _name = "div"; var _attr = "id"; var _post = "content"; /* =================== */ function isdigit(c) { return ((c>='0') && (c<='9')); } function atoi(s) { var t=0; for(var i=0; i < s.length; i++) { var c=s.charAt(i); if(!isdigit(c)) return t; else t = t*10 + (c-'0'); } return t; } function fontZoom(size) { var element = document.getElementsByTagName(_name); for(var i=0; i < element.length; i++) { if(element[i].getAttribute(_attr) == _post) { if (element[i].style.fontSize == '') element[i].style.fontSize = "14px"; var fixsize = atoi(element[i].style.fontSize) + size; if (fixsize <= 0) fixsize = 14; element[i].style.lineHeight = "1.2"; element[i].style.fontSize = fixsize + "px"; } } } </script> &#65310;<a href='javascript:fontZoom(+1)'>放大字體</a><br/> &#65310;<a href='javascript:fontZoom(-1)'>縮小字體</a>

0 意見

張貼留言