ホームページ > 記事 > ウェブフロントエンド > JavaScriptで大・中・小サイズのテキスト表示制御を実装_JavaScriptスキル
JavaScriptで大・中・小サイズのテキスト表示制御を実装_JavaScriptスキル
- WBOYオリジナル
- 2016-05-16 16:01:551069ブラウズ
一部の Web サイトのコンテンツ ページでは、通常、大、中、小の 3 つの方法で表示される制御されたテキストが表示されます。この小さな機能を記録しておくと、Web サイトのユーザー エクスペリエンスを向上させることができます。
<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 までご連絡ください。