トップページ ＞ 雑学・小技集 ＞ ポップアップ（小窓）リンク

<A href="javascript:w=window.open('アドレス','','scrollbars=yes,Width=250,Height=100');w.focus();">ポップアップ</A>

---

ポップアップ

<Form><input name="openWin" type="button" value="ボタン" onClick="window.open('アドレス','','scrollbars=yes,width=250,height=100,');"></Form>

---

• 小窓のスクロールバーをオフにする場合は
  scrollbars=yesを
  scrollbars=noにします。
• width=250,height=100を自由に変更して下さい。
• ','','は消さないで下さい。
• ボタンデザインサンプル集

画像を押して見て下さい。

<A href="Javascript:w=window.open('popup2.jpg','ボタンサンプル','Width=470,Height=350');w.focus();">
<Img Src="popup1.jpg" Border="0" Width="228" Height="156"></a>

---

1. 小さなサムネイル画像を用意します。
2. 押すと出てくる本画像を用意します。
3. 本画像.jpgへリンクを張ります。
4. 本画像に合わせて小窓の大きさを決めます。