Java Script
サンプル
|
<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>
|