Controlling Font Size With Javascript 兼容主流浏览器
2011-12-17 15:25
537 查看
<!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> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Controlling Font Size With Javascript 兼容主流浏览器</title> <meta name="author" content="Geovin Du 涂聚文"/> <script type="text/javascript"> var min=8; var max=18; function increaseFontSize() { var p = document.getElementsByTagName('div'); // //var p=document.getElementById("geovindu");// for(i=0;i<p.length;i++) { if(p[i].style.fontSize) { var s = parseInt(p[i].style.fontSize.replace("px","")); } else { var s = 12; } if(s!=max) { s += 1; } p[i].style.fontSize = s+"px" } } function decreaseFontSize() { var p = document.getElementsByTagName('div'); // //var p=document.getElementById("geovindu");// for(i=0;i<p.length;i++) { if(p[i].style.fontSize) { var s = parseInt(p[i].style.fontSize.replace("px","")); } else { var s = 12; } if(s!=min) { s -= 1; } p[i].style.fontSize = s+"px" } } </script> </head> <body> <a href="javascript:decreaseFontSize();">-</a> <a href="javascript:increaseFontSize();">+</a> <div id="geovindu"> 塗脂抹粉 FDKSAJ gesdfs Geovin Du 塗聚文 涂斯博 涂聚文 涂家村 捷为工作室 缔友计算机信息技术有限公司 </div> </body> </html>
相关文章推荐
- Controlling Font Size With Javascript 兼容主流浏览器
- Controlling Font Size With Javascript 兼容主流浏览器
- Controlling Font Size With Javascript
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器
- javascript之自定义js封装库兼容主流浏览器实现DOM加载之后,页面完全加载之前执行js
- javascript中兼容主流浏览器的动态生成iframe方法
- javascript中兼容主流浏览器的动态生成iframe方法
- javascript 实现禁止右键,复制,选取文本 (兼容firefox,IE,chrome等主流浏览器)
- JavaScript自动设置IFrame高度(兼容各主流浏览器)
- javascript创建css、js,onload触发callback兼容主流浏览器的实现
- javascript创建css、js,onload触发callback兼容主流浏览器的实现
- JavaScript自动设置IFrame高度(兼容各主流浏览器)
- javascript 四舍五入数值 兼容主流浏览器
- JavaScript 实现命名空间(namespace)的最佳方案——兼容主流的定义类(class)的方法,兼容所有浏览器,支持用JSDuck生成文档
- JavaScript自动设置IFrame高度(兼容各主流浏览器)
- 兼容IE,Firefox,chrome等浏览器 : 设为首页和收藏的Javascript代码