一个实现字体大中小方法的JavaScript代码

时间：2021-05-24 08:48:38|栏目：JavaScript代码|点击：次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>实现字体大中小的另一种方法</title> <style type="text/css">  </style> <SCRIPT type=text/javascript> function $(xixi) { return document.getElementById(xixi); } //转换字号 function doZoom(size){ if(size==12){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = ""; $("fs14").style.display = "none"; $("fs16").style.display = "none"; } if(size==14){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = "none"; $("fs14").style.display = ""; $("fs16").style.display = "none"; } if(size==16){ $("contentText").style.fontSize = size + "px"; $("fs12").style.display = "none"; $("fs14").style.display = "none"; $("fs16").style.display = ""; } } </SCRIPT> </head> <body> <DIV class=fontSize id=fs12 style="DISPLAY: none"><A href="javascript:doZoom(16)">大</A> <A href="javascript:doZoom(14)">中</A> <SPAN>小</SPAN></DIV> <DIV class=fontSize id=fs14><A href="javascript:doZoom(16)">大</A> <SPAN>中</SPAN> <A href="javascript:doZoom(12)">小</A></DIV> <DIV class=fontSize id=fs16 style="DISPLAY: none"><SPAN>大</SPAN> <A href="javascript:doZoom(14)">中</A> <A href="javascript:doZoom(12)">小</A></DIV>  <DIV id=contentText>我是你的玫瑰花</DIV> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

栏目：JavaScript代码

下一篇：这样回答继承可能面试官更满意

本文标题：一个实现字体大中小方法的JavaScript代码

本文地址：http://www.codeinn.net/misctech/127647.html

更多JavaScript代码

JavaScript代码

一个实现字体大中小方法的JavaScript代码

阅读排行

推荐教程