html页面控制字体大小的js代码
dom对象控制显示文章字体大小的js代码
1 <head> 2 3 4 <script type="text/javascript"> 5 6 function check(size){ 7 document.getElementById("mycode").style.fontSize=size+"pt"; 8 } 9 10 </script> 11 </head> 12 13 <body> 14 <div id="mycode"> 15 我是中国人，我是中国人，我是中国人，我是中国人，我是中国人，我是中国人，我是中国人，我是中国人，我是中国人，我是中国人，我是中国人，我是中国人， 16 </div> 17 选择字号【 18 19 20 <a href="javascript:check(13)">13pt（超大）</a> 21 <a href="javascript:check(10.5)">10.5pt(中型)</a> 22 <a href="javascript:check(9)">9pt(标准)</a> 23 】 24 </body> 25 </html>
jquery对象，控制显示文章字体的大小的js代码
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 5 %> 6 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 8 <html> 9 <head> 10 11 12 <script type="text/javascript" src="<%=request.getContextPath()%>/jquery/jquery.js"></script> 13 14 <script type="text/javascript"> 15 16 function dd(size){ 17 18 $("#long").css("font-size",size+"pt"); 19 } 20 21 </script> 22 </head> 23 24 <body> 25 26 <div id="long"> 27 龙飞凤舞，舞文弄墨 28 </div> 29 30 31 32 加大字号：<a href="javascript:dd(16)">加大</a> 33 </body> 34 </html>
