リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ 背景色を変更

JavaScript

背景色を変更

背景色を変更するサンプル

【サンプルを見る】

【ソースjs】

function funcHaikei(){
	r = document.getElementById("idR").value;
	g = document.getElementById("idG").value;
	b = document.getElementById("idB").value;
	r = Number(r).toString(16)
	g = Number(g).toString(16)
	b = Number(b).toString(16)
	r = funcKazuAwase(r);
	g = funcKazuAwase(g);
	b = funcKazuAwase(b);
	iro = "#" + r + g + b
	document.getElementById("idBody").style.backgroundColor = iro;
	document.getElementById("idText").innerHTML = iro;
}

function funcKazuAwase(moji){
	if(moji.length == 1){
		moji = "0"+moji;
	}
	return moji;
}


【ソースhtml】

<body id="idBody">
<p>r:<input value="255" id="idR" />(0-255)</p>
<p>g:<input value="255" id="idG" />(0-255)</p>
<p>b:<input value="255" id="idB" />(0-255)</p>
<p><input type="button" value="背景色を変更" onclick="funcHaikei()" /></p>
<div id="idText"></div>
</body>
last update 2010.12.27
参考・出典等
「特に無し」

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2010 Riptac. All Rights Reserved.