Un effet de page plus cool

Auteur：Eve Cole Date de mise à jour：2009-06-20 15:46:02

Effets spéciaux de page Web : une petite fenêtre pop-up alternative dans une page Web. Quelqu'un dans le forum a proposé une petite fenêtre alternative et j'en ai trouvé une autre sur Internet. En fait, il y en a beaucoup de similaires. !

http://www.downcodes.com/bbs/viewthread.php?tid=8321

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <meta name="verify -v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" /> <title>Effet d'invite d'informations downcodes.com</title> <meta http-equiv="Content-Type" content="text/html ; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <style type="text/CSS"> *{ margin:0;padding:0; } </style> </head> <body> <pre > </pre> <p><p> <div class="cecmbody" id="cecmpolicy" > <div class="leftClass"> <input type="button" value= "cliquez sur heredowncodes.com" onclick= "ssAlert();" /> </div> <div class="rightClass" > </div> </div> <script> if (location.search) { location.href= "http://www.downcodes .com"; } </script> <script> function ssAlert() { var stri='Êtes-vous sûr de vouloir rediriger vers downcodes.com ? <br><br><input name="downcodes_submit" type="button" value=" OK" onclick="location.href='?downcodes=OK'">'; sAlert(stri } function sAlert); (str){ var msgw,msgh,bordercolor,titlecolor,lefttitle; msgw=260;//La largeur de la fenêtre d'invite msgh=120;//La hauteur de la fenêtre d'invite titleheight=25 //La hauteur de la fenêtre d'invite title bordercolor="#0055e5" ;//La couleur de la bordure de la fenêtre d'invite titlecolor="#99CCFF";//La couleur du titre de la fenêtre d'invite titlecolor_top="#001ea0";//La couleur du titre de la fenêtre d'invite lefttitle ="Microsoft | Netscape Explorer" var sWidth,sHeight; sWidth =document.body.clientWidth; sHeight=document.body.clientHeight; var bgObj=document.createElement("div"); '); bgObj.style.position="absolu"; bgObj.style.top="0"; bgObj.style.background="#777"; =3,opacity=25,finishOpacity=75" ; bgObj .style.opacity="0.6" ; bgObj.style.left="0" ; bgObj.style.width=sWidth + "px" ; bgObj.style.height= sHauteur + "px"; bgObj.style.zIndex = " 10000"; document.body.appendChild(bgObj=document.createElement("div") msgObj.setAttribute("id","msgObj"); .setAttribute("align","center"); msgObj .style.background="#ece9d8"; msgObj.style.border="3px solid " + bordercolor; msgObj.style.position = "absolu"; left = "50%"; msgObj.style.top = "50%"; msgObj.style.font="12px/1.6em Verdana, Arial, Helvetica, sans-serif"; 130px"; msgObj.style.marginTop = -60+document .documentElement.scrollTop+"px"; msgObj.style.width = msgw + "px"; msgObj.style.height = msgh + "px"; msgObj.style.textAlign = "centre"; msgObj.style.lineHeight = "25px" "; msgObj.style.zIndex = "10001"; var title=document.createElement("h4"); title.setAttribute("id","msgTitle") ; title.setAttribute("align","right"); title.style.margin="0"; title.style.padding="3px"; title.style.background=bordercolor; "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY =20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.border="1px solid " + bordercolor; title .style.height="18px"; title.style.font="12px Verdana, Genève, Arial, Helvetica, sans-serif"; "blanc"; title.style.cursor="pointeur"; title.innerHTML="<b>"+lefttitle+"</b>"+"    <span style='background:#e8795f ;color=#fff; border:#fff solid 1px;margin 2px 2px' title='Annuler'><b>×</b></span>"; title.onclick=function() { document.body.removeChild (bgObj); document.getElementById("msgDiv").removeChild (titre); document.body.removeChild(msgObj); } document.body.appendChild(msgObj); ; var txt=document.createElement("p"); txt .style.margin="1em 0" txt.setAttribute("id","msgTxt"); .appendChild(txt); } </script> <div style="width:1000px; height:800px"></div> </body> </html>