写真にマウポインターを乗せると大きくなり、外すと元に戻ります。
< < < <
角島大橋 浜木綿 千畳敷 コオニユリ






作り方は
まずHTMLソースのHEADの後にコピーして貼り付けます。
画像を4枚挿入して、保存します。
保存したら、いったんページを閉じて、また開きます。画像4枚は削除します。

次にソースの18行目くらいの所に長いタグ(下図)があるので、ここの画像.jpgを保存した画像のファイル名に置き換えます。

名称を書き変えたら、出来上がり。
ソース

<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">写真にマウポインターを乗せると大きくなり、外すと元に戻ります。<br><TABLE>
<TBODY>
<TR>
<TD width="40"></TD>
</TR>
<TR>

</TR>
<TR>
<td align="center" colspan="6" class="f14">
<div id="posz2" style="position:relative;font-size:1px;color:white;width:500;height:100;">&lt;<img width=125 border=1 style="position:absolute;top:0;left:0;z-index:0;" src="P6200292.jpg" onmouseover="photo14.style.zIndex=5;kakudai = setInterval('{w=photo14.width;w+=10;if(w>348){w=348;}photo14.width=w;}',5);" onmouseout="photo14.style.zIndex=0;clearInterval(kakudai);photo14.width=125;" onclick="photo14.style.zIndex=1;clearInterval(kakudai);photo14.width=125;"id="photo14"/> &lt;<img width=125 border=1 style="position:absolute;top:0;left:125;z-index:0" src="aP6200315.jpg" onmouseover="photo15.style.zIndex=5;kakudai = setInterval('{w=photo15.width;w+=10;if(w>348){w=348;}photo15.width=w;}',5);" onmouseout="photo15.style.zIndex=1;clearInterval(kakudai);photo15.width=125;" onclick="photo15.style.zIndex=1;clearInterval(kakudai);photo15.width=125;"id="photo15"/> &lt;<img width=125 border=1 style="position:absolute;top:0;left:250;z-index:0" src="P6200332.jpg" onmouseover="photo16.style.zIndex=5;kakudai = setInterval('{w=photo16.width;w+=10;if(w>348){w=348;}photo16.width=w;}',5);" onmouseout="photo16.style.zIndex=2;clearInterval(kakudai);photo16.width=125;" onclick="photo16.style.zIndex=1;clearInterval(kakudai);photo16.width=125;"id="photo16"/> &lt;<img width=125 border=1 style="position:absolute;top:0;left:375;z-index:0" src="P6200299.jpg" onmouseover="photo17.style.zIndex=5;kakudai = setInterval('{w=photo17.width;w+=10;if(w>348){w=348;}photo17.width=w;}',5);" onmouseout="photo17.style.zIndex=3;clearInterval(kakudai);photo17.width=125;" onclick="photo17.style.zIndex=1;clearInterval(kakudai);photo17.width=125;"id="photo17"/></div>
</td>
</TR>
<TR>
<td class="f12" align="center" width="125" colspan="2">ヒメユリ</td>
<td class="f12" align="center" width="125">スカシユリ</td>
<td class="f12" align="center" width="125">オカトラノオ</td>
<td class="f12" align="center" width="125" colspan="2">ホトトギス</td>
</TR>
</TBODY>
</TABLE><P><BR>
<BR>
</P><P></P>

<DIV align="center">を入力して、中央へ。
出来上がりはこの感じ、プレビューするとちゃんと見える。

戻る
inserted by FC2 system