便利eelife Java Script

   戻る

文字のスタイル変更@。

マウスを乗せると斜体に変わります。

マウスを乗せるとフォントの色が変わります。

マウスを乗せるとフォントサイズが変わります。

マウスを乗せると文字の背景が変わります。

マウスを乗せるとフォントが変わります。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<P>文字のスタイルの変更</P>
<P id="moji1" onMouseover="chg1('italic')" onMouseout="chg1('normal')">マウスを乗せると斜体に変わります。</P>
<P id="moji2" onMouseover="chg2('red')" onMouseout="chg2('black')">マウスを乗せるとフォントの色が変わります。</P>
<P id="moji3" onMouseover="chg3('24px')" onMouseout="chg3('')">マウスを乗せるとフォントサイズが変わります。</P>
<P id="moji4" onMouseover="chg4('lime')" onMouseout="chg4('white')">マウスを乗せると文字の背景が変わります。</P>
<P id="moji5" onMouseover="chg5('HGP創英角ポップ体')" onMouseout="chg5('MS ゴシック')">マウスを乗せるとフォントが変わります。</P>
</BODY>

<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
function chg1(n){
document.all["moji1"].style.fontStyle = n;//斜体
}

function chg2(n){
document.all["moji2"].style.color = n;//フォントの色
}

function chg3(n){
document.all["moji3"].style.fontSize = n;//フォントサイズ

}

function chg4(n){
document.all["moji4"].style.backgroundColor = n;//文字の背景

}

function chg5(n){
document.all["moji5"].style.fontFamily = n;//フォント

}

// -->
</SCRIPT>
コメント
こちらを参照