コードをコピー コードは次のとおりです: < title> ポップアップレイヤーとロック画面エフェクト テストテストテストテストテスト< テストテストテストテスト<入力タイプ= button" value=" ここをクリック" onClick="sAlert('ポップアップ レイヤーとロック画面効果をテスト');" /> <br>function sAlert(str) <br>{ <br>var msgw,msgh,bordercolor; <br>msgw=400;//プロンプトウィンドウの幅<br>msgh=100;/ /プロンプト ウィンドウの高さ <br>titleheight=25 //プロンプト ウィンドウのタイトルの高さ<br>bordercolor="#336699";//プロンプト ウィンドウの境界線の色<br>titlecolor="#99CCFF";//プロンプト ウィンドウのタイトルの色プロンプト window<br>var sWidth,sHeight; <br>sWidth=document.body.offsetWidth;//ウィンドウの幅を取得します<br>sHeight=screen.height;//画面の高さを取得します<br>var bgObj=document. createElement("div");/ /鍵はここにあり、原則: 本体内に div を作成し、その幅と高さをフォーム全体をカバーするように設定し、他のウィンドウが操作できないようにします <br>bgObj.setAttribute( 'id',' bgDiv'); <br>bgObj.style.position="absolute"; <br>bgObj.style.background="#777"; 🎜>bgObj.style .filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; <br>bgObj.style.opacity="0.6"; <br>bgObj.style. left="0" ; <br>bgObj.style.width=sWidth "px"; <br>bgObj.style.zIndex = "10000"; document.body.appendChild (bgObj);//設定後にこの div を表示します<br>var msgObj=document.createElement('div');//メッセージ ウィンドウを作成します<br>msgObj.setAttribute("id"," msgDiv" ); <br>msgObj.setAttribute("align","center"); <br>msgObj.style.background="white"; <br>msgObj.style.border="1px Solid " bordercolor; <br>msgObj .style.position = "絶対"; <br>msgObj.style.left = "50%"; <br>msgObj.style.font="12px /1.6 em Verdana、Geneva、Arial、Helvetica、sans-serif"; <br>msgObj.style.marginLeft = "-225px" ; <br>msgObj.style.marginTop = -75 document.documentElement.scrollTop "px"; <br>msgObj.style.width = msgw "px"; <br>msgObj.style.height = msgh "px"; <br>msgObj.style.textAlign = "center"; "25px" "; <br>msgObj.style.zIndex = "10001"; <br>var title=document.createElement("h4"); //メッセージレイヤーに配置するタイトルを作成します <br>title. setAttribute(" id","msgTitle"); <br>title.setAttribute("align","right"); <br>title.style.margin="0"; 3px"; <br>title.style.background=bordercolor; <br>title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20,finishX=100,finishY=100,style= 1,opacity =75,finishOpacity=100);"; <br>title.style.opacity="0.75"; <br>title.style.border="1px Solid " bordercolor; <br>title.style.height= "18px" ; <br>title.style.font="12px ヴェルダナ、ジュネーブ、エリアル、ヘルベチカ、サンセリフ"; <br>title.style.color="white"; "pointer" ; <br>title.innerHTML="Close"; <br>title.onclick=function() <br>{ <br>document.body.removeChild(bgObj);// 全体を覆う div レイヤーを削除しますwindow<br>document.getElementById("msgDiv").removeChild(title);//タイトルを削除します<br>document.body.removeChild(msgObj);//メッセージレイヤー<br>} <br>ドキュメントを削除します。 body.appendChild (msgObj); <br>document.getElementById("msgDiv").appendChild(title); <br>var txt=document.createElement("p"); 0" <br>txt.setAttribute("id","msgTxt"); <br>txt.innerHTML=str; <br>document.getElementById("msgDiv").appendChild(txt); <br>} <br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
