<br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode2'));"><u>コードをコピー</u></span></div>コードは次のとおりです:</div> <div class="msgborder" id="phpcode2"> <br><!DOCTYPE html PUBLIC "-/ /W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> .org/1999/xhtml"> ;head> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <title>無題ドキュメント</title> <style type="text/css"> <br>/*ポップアップレイヤーのスタイル*/ <br>html,body {height:100%; font-size:12px;} <br> .mydiv { <br>背景色: #ff6; <br>ボーダー: 1px ソリッド #f90; <br>線の高さ: 40px; <br>フォントサイズ: 12px; <br>フォントの太さ: 太字; <br>z-index:99; <br>幅: 300px; <br>高さ: 120px; <br>左:50%;/*FF IE7*/ <br> : 50%;/*FF IE7*/ <br>margin-left:-150px! important;/*FF IE7 この値は幅の半分です*/ <br>margin-top:-60px! important;/*FF IE7 値は高さの半分です*/ <br>margin-top:0px; <br>position:fixed! important;/*FF IE7*/ <br>position:absolute;/*IE6*/ <br>_top :expression(eval(document.compatMode && <br>document.compatMode=='CSS1Compat') ? <br>documentElement.scrollTop (document.documentElement.clientHeight-this .offsetHeight)/2 :/*IE6*/ <br> document.body.scrollTop (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ <br>} <br>. bg { <br>背景色: #ccc; >幅: 100%; <br>高さ: 100%; <br>上:0;/*FF IE7*/ <br>フィルター:alpha(opacity=50);/*IE* / <br>不透明度:0.5;/*FF*/ <br>z-index:1; <br>位置:固定!重要;/*FF IE7* / <br>位置:絶対;/*IE6*/ <br>_top:expression(eval(document.compatMode && <br>document.compatMode=='CSS1Compat') ? <br>documentElement.scrollTop (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ <br>document.body.scrollTop (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ <br>} <br>/*終了*/ <br></ style> <br><script type="text/javascript"> <br>function showDiv(){ <br>document.getElementById('popDiv') .style.display='block'; getElementById('bg').style.display='block'; <br>} <br>function closeDiv(){ <br>document.getElementById('popDiv ').style.display='none'; document.getElementById('bg').style.display='none'; <br></script> <br><body> id="popDiv" class="mydiv" style="display:none;">title<br/>ご存知のとおり<br/> <br><a href="javascript:closeDiv()">ウィンドウを閉じる</a></div> <br><div id="bg" class="bg" style="display:none ;"></div> ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br> <div style="padding-top: 20px;"> <br><input type="Submit" name="" value=" レイヤーを表示" onclick="javascript:showDiv()" /> ></div> <br></body> <br><br><br>素敵なスタイルを追加します<br><br><br><br> <br>コードをコピーします<br><br><br>コードは次のとおりです:<br><div class="msgborder" id="phpcode3"> <br><html> <br><title></title> <br> <br>.mesWindowTop {<br>フォントサイズ: 12px; <br>フォントの太さ: 太字; <br>テキスト整列: 左; <br>} <br>.mesWindowContent { <br>font-size: 12px; <br>} <br>.mesWindow { <br>背景: なし スクロールを繰り返す 0 0 #FFFFFF; <br>ボーダー: 1px ソリッド #666666; <br>} <br></style> <br></head> <br> <br><div id="mesWindow" class="mesWindow" style="top: 180px; Position: 絶対; width: 600px; margin-left: -300px; left: 50%; z-index: 9999;" ><div class="mesWindowTop"><table width="100%" height="100%"><tbody><tr><td>窗口标题</td>< td style="width:1px;"><input type="button" value="关闭" class="close" title="关闭窗口" onclick="closeWindow();"></td> </tr></tbody></table></div><div id="mesWindowContent" class="mesWindowContent"><div style="padding:20px 0 20px 0;text- align:center">消息正文</div></div><div class="mesWindowBottom"></div></div> <br></body> <br></html> <br> </div> </div>
