Javascript는 대, 중, 소 크기의 텍스트 표시 제어를 구현합니다_javascript 기술
- WBOY원래의
- 2016-05-16 16:01:551087검색
일부 웹사이트 콘텐츠 페이지에서는 일반적으로 대형, 중형, 소형의 세 가지 방식으로 표시되는 제어된 텍스트를 볼 수 있습니다. 이 작은 기능을 기록해 두면 웹사이트의 사용자 경험을 향상하는 데 도움이 됩니다.
<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>
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.