广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    js控制文字大中小显示

    2018-04-06 10:42:20 次阅读 稿源:互联网
    零七广告

    部分网站内容页通常会看到有控制文字分别以 大,中,小 三种方式显示,下面就把这个小功能做一下记录,对提高网站用户体验度还是有一些帮助的哦!

    1. <html> 
    2. <head> 
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    4. <title>js控制文字大中小显示</title> 
    5. </head> 
    6. <body> 
    7. <script language="javascript"> 
    8. function setFontSize(objID,size){ 
    9.     document.getElementById(objID).style.fontSize=size+'px'; 
    10. </script> 
    11. <div id="content"> 
    12. <p>数据库(主要是MySQL和Access数据库),javascript,jquery,div+css,html,windows系统,linux系统以及健康养生方面的学习笔记和生活经验积累!</p> 
    13. </div> 
    14. <a onclick="setFontSize('content',20)"></a> 
    15. <a onclick="setFontSize('content',14)"></a> 
    16. <a onclick="setFontSize('content',12)"></a>  
    17. </body> 
    18. </html> 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告