ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで大・中・小サイズのテキスト表示制御を実装_JavaScriptスキル

JavaScriptで大・中・小サイズのテキスト表示制御を実装_JavaScriptスキル

WBOY
リリース: 2016-05-16 16:01:55
オリジナル
1104 人が閲覧しました

一部の 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> 
ログイン後にコピー

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート