オンクリック文字１
(クリックすると表示)

この文字をクリックして下さい♪


<span onClick="document.all.item('moji1').style.visibility='visible'"> クリックする文字 </span> <div ID="moji1" style="visibility:hidden;"> 表示される文字 </div>







オンクリック文字２
(クリックすると非表示)

この文字クリックして下さい♪

<span onClick="this.style.visibility='hidden'"> 消したい文字 </span>







オンクリック文字３
(クリックすると文字を表示、表示された文字をクリックすると非表示)

この文字をクリックして下さい♪


<span onClick="document.all.item('moji2').style.visibility='visible'" onClick="document.all.item('moji2').style.visibility='hidden'"> クリックする文字 </span> <div ID="moji2" onClick="document.all.item('moji2').style.visibility='hidden'" style="visibility:hidden;"> この文字をクリックすると消えます </div>







オンクリック文字４
(クリックすると文字の色が変わる)

この文字をクリックして下さい♪

<span onClick="this.style.color='カラー名(コード)'"> 対象となる文字 </span>







オンクリック文字５
(クリックすると背景の色が変わる)

この文字をクリックして下さい♪

<span onClick="this.style.background='背景色'"> 対象となる文字 </span>







オンクリック文字６
(クリックすると文字の大きさが変わる)

この文字をクリックして下さい♪

<span onClick="this.style.fontSize='50'"> 対象となる文字 </span>







オンクリック文字７
(クリックすると書体が変わる)

この文字をクリックして下さい♪

<span onClick="this.style.fontFamily='書体名'"> 対象となる文字 </span>







オンクリック文字８
(クリックするとステータスバーに文字を表示)

この文字をクリックして下さい

<span onClick="status='ステータスバーの文字'">対象となる文字</span>







オンクリック文字９
(クリックすると文字変更)

この文字をクリックして下さい

(ここでは[文字Ａ]はコピペで飾ろうホームページ、[文字Ｂ]はこの文字に〜)
<span onClick="this.innerText='文字Ａ'"> 文字Ｂ </span>







オンクリック文字１０
(クリックするとページの背景色を変更)

この文字をクリックして下さい

背景色はブラウザの「更新」をクリックすると元に戻ります
スタイルシートで背景画像を指定してるときは変更できません <font size="3" color="文字の色" onclick="document.bgColor='変える背景色'"> 対象となる文字 </font>







オンクリック文字１１
(オンクリック文字１０の応用)

赤 青 黒

背景色はブラウザの「更新」をクリックすると元に戻ります
スタイルシートで背景画像を指定してるときは変更できません <font size="3" color="文字の色１" onclick="document.bgColor='文字の色１と同じカラーコード'"> 赤 </font> <font size="3" color="文字の色２" onclick="document.bgColor='文字の色２と同じカラーコード'"> 青 </font> <font size="3" color="文字の色３" onclick="document.bgColor='文字の色２と同じカラーコード'"> 黒 </font>







オンマウス文字１２
(クリックするとページの背景画像を変更)

この文字をクリックして下さい

背景色はブラウザの「更新」をクリックすると元に戻ります
スタイルシートで背景画像を指定してるときは変更できません <span onclick="document.style.body.backgroundImage='url(背景にする画像URL)'"> この文字をクリックして下さい </span>