< < < <
|
|||||
角島大橋 | 浜木綿 | 千畳敷 | コオニユリ |
作り方は まず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;"><<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"/> <<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"/> <<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"/> <<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">を入力して、中央へ。 |
出来上がりはこの感じ、プレビューするとちゃんと見える。 |
戻る |