| ポイント |
<![CDATA[
document.all["strID"].style.fontStyle = n;
<div id="strID" onMouseover="change('italic')" onMouseout="change('normal')">
]]>
|
| 説 明 |
文字の形状を変更するにはdiv、spanタグなどでスタイル変更する文字を囲みます。タグにはid="strID"のようにIDを指定しておきます。IDを指定しておけば「document.all["ID名"].style.fontStyle="設定値"」としてスタイル形状を変更できます。fontStyle以外にもfontSize、font、fontVariantなど様々なスタイルを設定することができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>文字のスタイルを変える</title>
<script Language="JavaScript"><!--
function change(n)
{
document.all["strID"].style.fontStyle = n;
}
// --></script>
</head>
<body>
<div id="strID" onMouseover="change('italic')" onMouseout="change('normal')">マウスを重ねるとスタイルが変わる！？</div>
</body>
</html>
]]>
|
| 補足説明 |
<A>タグで囲まれたハイパーリンクの文字に限ればスタイルシートだけで形状を変更できます。<STYLE TYPE="text/css"><!-- a:hover { font-style:italic; } --></STYLE> |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
文字のスタイルを変える