文章字體放大縮小功能

Posted by: 邱小新 at 下午4:55:00 in

有空再來寫說明

function fontZoom(size) { var element = document.getElementsByTagName("span"); for(i=0; i < element.length; i++) { attribute = element[i].getAttribute("name"); if(attribute == "zoom") { 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.fontSize = fixsize + "px"; } } }
<a href='javascript:FontZoom(+1)'>放大字體</a> <a href='javascript:FontZoom(-1)'>縮小字體</a>
http://abintech.azhai.org/2007/01/blog-post.html http://chenkaie.blogspot.com/2006/12/javascript-selectable-post-font-size.html

1 意見

element[i].style.fontSize = parseInt(window.getComputedStyle(element[i], null).getPropertyValue('font-size')) + 1 + 'px';

張貼留言