タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

Java Script

前のページへ
 
背景色をハイライトさせる

サンプル

コメント 1
コメント 2
 
<head> 〜 </head>内に記述
<script type="text/javascript">
<!--
var normal="#000000";
var highlight="#ff0000";

function changeFontColor(target, mode) {
	if(mode=="over") {
		document.getElementById(target).style.color=highlight;
		document.getElementById(target).style.fontSize="20px";
	}
	else if(mode=="out") {
		document.getElementById(target).style.color=normal;
		document.getElementById(target).style.fontSize="14px";
	}
}
//-->
</script>
 
<body> 〜 </body>内に記述
<script language="JavaScript">
<!--
function changeBgcolor(target, color) {
	document.getElementById(target).style.backgroundColor=color;
}
//-->
</script>

<table width="150">
<tr>
	<td id="str1" onmouseover="changeBgcolor('str1', '#00ffff')" 
		onmouseout="changeBgcolor('str1', '#fff8dc')">
		コメント 1
	</td>
</tr>
<tr>
	<td id="str2" onmouseover="changeBgcolor('str2', '#00ffff')" 
		onmouseout="changeBgcolor('str2', '#fff8dc')">
		コメント 2
	</td>
</tr>
</table>

このページの上へ