背景色の変更 |
◆背景色の変更◆ |
[概要]
ダイアログが現われ、数字を入れてもらうことによって背景の色を変えます。
自分で改造することにより、色の数を増やしたり色の種類を変えたりすることができます。
[参照]
メルマガ Vol.11
[ソース]
<HTML>
<HEAD>
<TITLE>ダイアログを使って背景色を変える</TITLE>
<SCRIPT language="JavaScript">
<!--
function wall(){
color=prompt("1:赤 2:青 3:黄","1")
if(color==null){
alert("変更中止します");
}
else if(color==1){
document.bgColor="red";
}
else if(color==2){
document.bgColor="blue";
}
else if(color==3){
document.bgColor="yellow";
}
else{
alert("入力値が間違っています。もう一度入れなおしてください");
wall();
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT type="button" value="背景を変える"
onClick="wall()">
</BODY>
</HTML>
※赤は変更点
■■２■■
[概要]
ボタンをクリックすることにより背景の色を変えます。
自分で改造することにより、色の数を増やしたり色の種類を変えたりすることができます。
[参照]
[ソース]
<HTML>
<HEAD>
<TITLE>背景色を変える</TITLE>
<SCRIPT language="JavaScript">
<!--
function setColor(color){
document.bgColor=color;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<!--色の選択はいくつでも追加できる-->
<INPUT type="button" onClick="setColor('red')"
value="赤"><p>
<INPUT type="button" onClick="setColor('blue')"
value="青"><p>
<INPUT type="button" onClick="setColor('yellow')"
value="黄"><p>
<INPUT type="button" onClick="setColor('green')"
value="緑"><p>
<INPUT type="button" onClick="setColor('gray')"
value="灰"><p>
</BODY>
</HTML>
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■３■■
[概要]
リンクをクリックすることにより背景の色を変えます。
自分で改造することにより、色の数を増やしたり色の種類を変えたりすることができます。
[参照]
[ソース]
<HTML>
<HEAD>
<TITLE>背景色を変える</TITLE>
<SCRIPT language="JavaScript">
<!--
function setColor(color){
document.bgColor=color;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<!--色の選択はいくつでも追加できる-->
<A HREF="JavaScript:setColor('red')">背景色を赤に変える</A><p>
<A HREF="JavaScript:setColor('blue')">背景色を青に変える</A><p>
<A HREF="JavaScript:setColor('yellow')">背景色を黄色に変える</A><p>
<A HREF="JavaScript:setColor('green')">背景色を緑に変える</A><p>
<A HREF="JavaScript:setColor('gray')">背景色を灰色に変える</A><p>
</BODY>
</HTML>
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
