| マウスが画像に触れると指定サイズにズームします。 |
|
|
| ■<head>〜</head>内に下記を貼り付けてください。 |
<style type='text/css"'>
<!--
img {
width:75;
height:50;
}
-->
</style>
<script language="Javascript">
<!--
function zooming(obj){
obj.style.zoom="2.0";
}
function normal(obj){
obj.style.zoom="1.0";
}
-->
</script> |
| ■<body>タグ内に下記を貼り付けてください。 |
| 不 要 |
| ■<body>〜</body>内に下記を貼り付けてください。 |
<table border="0" width="300" height="300" cellpadding="0" cellspacing="0">
<tr>
<td align="center" height="100" width="150">
<img src="img/9-1_1.gif" align="absmiddle" onmouseover="zooming(this)" onmouseout="normal(this)" width="75" height="50"></td>
<td align="center" width="150">
<img src="img/9-1_2.gif" align="absmiddle" onmouseover="zooming(this)" onmouseout="normal(this)" width="75" height="50"></td>
</tr>
<tr>
<td align="center" height="100">
<img src="img/9-1_3.gif" align="absmiddle" onmouseover="zooming(this)" onmouseout="normal(this)" width="75" height="50"></td>
<td align="center">
<img src="img/9-1_4.gif" align="absmiddle" onmouseover="zooming(this)" onmouseout="normal(this)" width="75" height="50"></td>
</tr>
<tr>
<td align="center" height="100">
<img src="img/9-1_5.gif" align="absmiddle" onmouseover="zooming(this)" onmouseout="normal(this)" width="75" height="50"></td>
<td align="center">
<img src="img/9-1_6.gif" align="absmiddle" onmouseover="zooming(this)" onmouseout="normal(this)" width="75" height="50"></td>
</tr>
</table> |
