在做公司的官网的时候，新闻内页会有一个让浏览者自己调整文字大小的功能，因此在这个空闲时间，把这个功能整理下来：
function setfontsize (id,content,params){ var otarget = document.getelementbyid(id), content = document.getelementbyid(content), size = params.size || 14, maxsize = params.maxsize || 20, step = params.step || 2; obtn = '<input type="button" value="+"/><input type="button" value="-" />'; obtn1 = null, obtn2 = null; otarget.innerhtml = obtn; obtn1 = otarget.childnodes[0]; obtn2 = otarget.childnodes[1]; obtn1.onclick=function(){ if(size+step <= maxsize){ size+=step; }else{ size = maxsize; this.classname+=' disabled'; this.disabled = true; } obtn2.classname.replace('disabled',''); obtn2.disabled = false; content.style.fontsize = size +'px'; } obtn2.onclick=function(){ if(size-step >= 12){ size-=step; }else{ size = 12; this.classname+=' disabled' this.disabled = true; } obtn1.classname.replace('disabled',''); obtn1.disabled = false; content.style.fontsize = size +'px'; } }
调用方式：
setfontsize(id,contentid,{size:,maxsize,step:}); /* * id ：用于存放增加或减小两个按钮的父级盒子的id。 * contentid: 存放内容的id。 * {} 一个对象，用于提供设置的参数。 |— szie : 字体起始(默认)大小。 |— maxsize : 最大字体。 |— step : 增长的步长值。 */
提示：可以通过font-size:0的方式来隐藏input元素的value值，然后自定义按钮的样式。