<div class="codetitle"> <span><a style="CURSOR: pointer" data="13132" class="copybut" id="copybut13132" onclick="doCopy('code13132')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code13132"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html" /> <br> <title> ;jquery ポップアップ レイヤーの例</title> <br><script type="text/javascript" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jquery- 132min1.js"></script> <br><script type="text/javascript"> <br>$(function(){ <br>$(".but").click(function( ){ <br>var str = "これが情報コンテンツです、ここが情報コンテンツです!"; <br>$(".form").html(str); <br>$("#faqbg") css({display :"block",height:$(document).height()}); <br>var yscroll =document.documentElement.scrollTop; <br>$("#faqdiv").css("top") ,"100px" ); <br>$("#faqdiv").css("display","block"); <br>documentElement.scrollTop=0; ".close" ).click(function(){ <br>$("#faqbg").css("display","none"); <br>$("#faqdiv").css("display" ,"なし" ); <br>}) <br><style type="text/css"> ; パディング:0 ;} <br>#faqbg{背景色:#666666; 左:0; 高さ:1000%;不透明度:0.5; フィルター: alpha(opacity=50);-moz-不透明度: 0.5;} <br>#faqdiv{位置:絶対;幅:400px; 左:50%; 200px; 高さ: 100; 背景色: #fff; パディング: 1px;} <br>#faqdiv h2{ フォントサイズ:14px;色:#8FA4F5; 位置:左:10px; 行の高さ:25px;} <br>#faqdiv h2{位置:絶対; フォントサイズ:#FF0000} 🎜>#faqdiv .form{padding:10px;} <br></style> <br><br><body> <br><br><div id= "faqbg"> ;</div> <br><div id="faqdiv" style="display:none"> <br><h2>情報ウィンドウ<a href="#" class="close "> 閉じる</a></h2> <br><div class="form"> <br>これがプロンプト メッセージです。 ！ <br><br></div> <br></div> <br><p align="center"> <br><input value="popup" class="but" type= "ボタン" /><BR><input type="button" value="閉じる" /> <br></body> ;/html><br><br> </div>
