javascriptでユーザー体験を改善するalert提示効果を実現します。
新浪メールボックスの提示効果に似ています。独立しています。wenming版主の助けで、高度に適応できないバグが解決されました。使い方は簡単です。ポップアップのヒントが必要なページで、まずalert.jsスクリプトファイルを参照します。 プログラムコード<スクリプト type=「text/javascript」 src=「alert.js」は必要提出先で直接使用します。 プログラムコードsAlert（「ヒントが必要な情報」）できます。HTMLコードを追加する必要はありません。完全コード：ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd「target=」_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">>http://www.w3.org/1999/xhtml「xml:lang=」zh-CSN「lang=」zh-CSN"<<meta http-equiv=>Content-Type「content=」text/htmlcharset=gb 2312"/"<meta http-equiv="Content-Language"content="gb 2312""/"<style type="text/css"*{margin:0;padding:0;</style><div class="cecmbody"id="cecmpolicy"<<div class="lefftClass"><p>テスト<<p>テスト</p>テスト<<p>テスト<p>テスト</p>テスト<<p><p><p>テスト<<p>テスト<p>テスト<p>テスト<p>テスト<<p>テスト<p>テスト<p><p>テスト<p>テスト<p>テスト<p>テスト<p>テスト<<p>テスト<p>テスト<p>テスト<<p>テスト<p>テスト<p>テスト<p>テスト<p><p>テスト<p>テスト<p>テスト<p>テスト<p>テスト<p>テスト<p>テスト<p>テストp>テスト</p><p>テスト</p></div><div class="Right Class"</div></div><script type="text/javascript"lagge="javascript">/Author:Daviv/Blog:<a href="http://blog.163.com/＜a href=”http://www.iwcn.net「target=」_blank">jxdawei</a>"target="ublank">http://blog.163.com/＜a href=”http://www.iwcn.net「target=」_blank">jxdawei</a>/Date:2006-10-27/Email:<a href=>http://www.iwcn.net「target=」_blank">jxdawei</a>@gmail.com function sAlert(str){var msgw，msgh，borderカラー;msgw=400;//ヒントウィンドウの幅msgh=100;/ヒントウィンドウの高さtitleheight=25/ヒントウィンドウのタイトルの高さヒントウィンドウの外枠の色title色=「钻99 CCFF」ヒントウィンドウのタイトル色var sWidth、sHeight。swidth=document.body.offset Width;sHeight=screen.height;var bgObj=document.create Element（「div」）；bgObj.set Attribute('id'，bgDiv')bgObj.style.position=「absolute」bgObj.style.top="0"bgObj.style.background=「菗777」bgObj.style.filter="progid:DXImageTrans form.Microsoft.Alpha(style=3,opacity=25,finish Opacity=75";bgObj.style.opacity="0.6"bgObj.style.left="0"bgObj.style.width=s Width+「px」bgObj.style.height=sHeight+「px」bgObj.style.zIndex="10000"Dcument.body.apendChild（bgObj）；var msgObj=document.creatElement（「div」）msgObj.set Attribute（「id」「msgDiv」）；msgObj.set Attribute（“align”、“センター”）；msgObj.style.background="white"msgObj.style.border=「1 px sold」＋borderカラー。msgObj.style.position=「absolute」msgObj.style.left=50%msgObj.style.top=50%msgObj.style.font=「12 px/1.6 m Vedana、Geneva、Arial、Helvetica、sans-serif」msgObj.style.margLeft=「-225 px」msgObj.style.margtop=-75+document.documentElement.scrollTop+px;msgObj.style.width=msgw+「px」msgObj.style.height=msgh+「px」msgObj.style.text Align=「センター」msgObj.style.lineaht=「25 px」msgObj.style.zIndex=「10001」var title=document.creat Element(h 4)；title.set Attribute（“id”、“msgTitle”）；title.set Attribute（“align”、“right”）；title.style.margin="0"title.style.padding="3 px"title.style.background=borderカラーtitle.style.filter=「progid:DXImageTrans form.Microsoft.Alpha(startX=20,startY=20,finishX=100,finishy=100,style=1,opacity=75,finishOpacity=100)」;title.style.opacity=「0.75」title.style.border=「1 px sold」＋borderカラー。title.style.height=「18 px」title.style.font=「12 px Vedana，Geneva，Arial，Helvetica，sans-serif」title.style.co lor=「ホワイト」title.style.cursor=「pointer」title.inner HTML=「クローズ」title.onclick=function(){document.body.removeChild(bgObj);Dcument.getElementById（「msgDiv」）.removeChild；Dcument.body.removeChild（msgObj）；Dcument.body.apendChild（msgObj）；Dcument.getElemenntById（「msgDiv」）.apendChild；var txt=document.creat Element("p")txt.style.magin="1 em 0"txt.set Attribute("id"msgTxt");txt.innerHTML=str;Dcument.getElementById("msgDiv").apendChild(txt);</script>[Ctrl+A全選択注：<a href="https://www.jb51.net/article/23421.htm" title="查看具体详情" rel="noreferrer noopener nofollow"></a>]