▼
ウイルスに関する情報と対策
└
ウイルスTOP10＆最新ウイルス警告10種
▼
スタイルシート
├
リンクの文字色変更
├
スクロールバーの色
├
背景画像の固定
├
ページ内にスクロールバー
└
スタイルシートの記述例
▼
JavaScript
├
印刷ボタン／ページを開いたときに小窓を開く／ボタンで小窓を開く／小窓を数秒後に閉じる／お気に入りに追加ボタン／メール送信ボタン
├
サムネイルクリックで別ウインドウぴったりサイズの画像表示
├
子ウインドウからメインウインドウ操作
├
JavaScriptで戻る・更新・進む
└
メール送信フォーム
▼
その他
├
お気に入りのアイコン
├
BGMを鳴らす／MIDI
├
フレームページのソース
└
国際標準サイズのバナー
サムネイルクリックで別ウインドウぴったりサイズの画像表示
【head内に記述】
<script language="JavaScript"> <!-- i=0; imgw=0; function imgwin(img,w,h) { if(i>0 && win1.closed==false){ win1.close(); } imgw++; win1=window.open("","imgw","width="+w+",height="+h); i++; with(win1.document){ writeln("<html><head><title>タイトル</title></head>"); writeln("<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>"); writeln("<a href='#' onClick='window.close()'><img src='"+img+"' border=0></a>"); writeln("</body></html>"); } } //--> </script>
【body内に記述】
<a href="javascript:void(0);" onClick="imgwin('画像ファイル名',640,427)"><img src="サムネイル画像ファイル名" width="150" height="100"></a>
【説明】
onClick="imgwin('画像ファイル名',640,427)"・・640、427の部分は、元画像の幅と高さ指定。
src="サムネイル画像ファイル名" width="150" height="100"・・150、100の部分は、サムネイル画像の幅と高さ指定。
sample1
sample2
・小窓が開いた状態で、別のサムネイル画像をクリックすると、開かれていた小窓は閉じられて、新しく小窓が前面に開きます。
・小窓（大きい画像）をクリックすると、小窓が閉じます。
▲このページの先頭へ
