In the company's official website, the news page will have a browser to adjust the size of the text, so in this free time, the function of sorting down:
function Setfontsize (id,content,params) {var otarget = document.getElementById (id), content = Document.get Elementbyid (content), size = Params.size | | MaxSize = Params.maxsize | | 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 >=) {size-=step; }else{size = 12;
this.classname+= ' disabled ' this.disabled = true;
} oBtn1.className.replace (' disabled ', ');
obtn1.disabled = false;
content.style.fontSize = size + ' px '; }
}
Call Mode:
Setfontsize (Id,contentid,{size:,maxsize,step:});
/* ID: For storing the ID of the parent box that adds or decreases the two buttons.
* ContentID: The ID of the content to be stored.
* {} An object that provides parameters for the setting.
|-szie: Font start (default) size.
|-maxsize: Maximum font size.
|-step: The growth step value.
*/
Tip: You can hide the value of an INPUT element by font-size:0, and then customize the style of the button.
The above JavaScript control font Size setting method is small series to share all the content, hope to give you a reference, but also hope that we support cloud habitat community.