<!-- meta data --> <META http-equiv=Content-Language content=zh-cn> <META content=all name=robots> <META content=在远方@www.jscode.cn name=author> <META content="Copyright (c) jscode.cn" name=Copyright><LINK media=screen href="/favicon.ico" type=image/x-icon rel=icon><LINK media=screen href="/favicon.ico" type=image/x-icon rel="shortcut icon"> <META content=网页特效观止 name=description> <META content=网页特效,网页特效代码 name=keywords><!-- site title --> <STYLE> body {font-size:12px;background:#9EC7E7} img {border:0px} #msgDiv { z-index:10001; width:500px; height:400px; background:white; border:#336699 1px solid; position:absolute; left:50%; top:20%; font-size:12px; margin-left:-225px; display: none; } #bgDiv { display: none; position: absolute; top: 0px; left: 0px; right:0px; background-color: #777; filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75) opacity: 0.6; } </STYLE> <SCRIPT type=text/javascript> function showDetail() { //在远方www.jscode.cn //背景 var bgObj=document.getElementById("bgDiv"); bgObj.style.width = document.body.offsetWidth + "px"; bgObj.style.height = screen.height + "px"; //定义窗口 var msgObj=document.getElementById("msgDiv"); msgObj.style.marginTop = -75 + document.documentElement.scrollTop + "px"; //关闭 document.getElementById("msgShut").onclick = function(){ bgObj.style.display = msgObj.style.display = "none"; } msgObj.style.display = bgObj.style.display = "block"; msgDetail.innerHTML="<p align=center>小窗口里的内容</p><p align=center><A href=http://www.jscode.cn><FONT color=#0000ff>网页特效观止</FONT></A></p>" } </SCRIPT> <DIV id=msgDiv> <DIV id=msgShut>关闭</DIV> <DIV id=msgDetail></DIV></DIV> <DIV id=bgDiv></DIV> <P>　</P> <P><A onclick=showDetail() href="#">点击我试试看</A></P> <P>　</P> <P>　</P> <P>　</P> <P>　</P> <P>更多网页特效代码尽在 <A href="http://www.jscode.cn/">网页特效观止</A></P>