フォント レイアウト リンク・画像 テーブル リスト ページ 特殊文字 小技・雑学
カラーコード お薦めサイト ホーム HP作成ソフト HP作成法

トップページ > 雑学・小技集 > ポップアップ(小窓)リンク

ポップアップリンク
<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. 本画像に合わせて小窓の大きさを決めます。
トップページタグ実験場リンクについて免責事項メール
Copyright © 2001-2006 Hirarin. All Rights Reserved.
since03/06/01