纯js代码实现控制文章内容文字大中小显示的方法
来源：绵阳动力网络公司  时间：2015-04-29  阅读：16 次

在网站建设过程中做新闻、文章内容显示里通常会看到有控制文字分别以 大，中，小 三种方式显示，下面就把这个小功能做一下记录，对提高网站用户体验度还是有一些帮助的哦！ 

<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>js控制文字大中小显示</title>  
</head>  
<body>  
<script language="javascript">
  function setFontSize(objID,size){
    document.getElementById(objID).style.fontSize=size+'px';  }  </script>
  <div id="content">
  <p>绵阳动力网络公司是专业从事网站建设、网站制作、网页设计、网页制作、网站维护和网站优化推广的绵阳网络公司.咨询电话:0816-2318288.</p> 
 </div>  
<a onclick="setFontSize('content',20)">大</a>  
<a onclick="setFontSize('content',14)">中</a>  
<a onclick="setFontSize('content',12)">小</a>  
</body>  
</html>

 

  • 电话咨询

  • 0816-2318288