일부 웹사이트 콘텐츠 페이지에서는 일반적으로 대형, 중형, 소형의 세 가지 방식으로 표시되는 제어된 텍스트를 볼 수 있습니다. 이 작은 기능을 기록해 두면 웹사이트의 사용자 경험을 향상하는 데 도움이 됩니다.
<html> <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>数据库(主要是MySQL和Access数据库),javascript,jquery,div+css,html,windows系统,linux系统以及健康养生方面的学习笔记和生活经验积累!</p> </div> <a onclick="setFontSize('content',20)">大</a> <a onclick="setFontSize('content',14)">中</a> <a onclick="setFontSize('content',12)">小</a> </body> </html>
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.