点击弹出渐变窗口层-梅花弄笛

网站公告：本站文章每日更新，大量经典文学作品、网页特效代码供您选用；FLASH音画、课件、诗词、教程、电子书精彩纷呈；并有大量博客制作、LINGD等网站制作的精品文章，帮您扮靓您的空间，竭诚为您服务。欢迎您的光临！

点击弹出渐变窗口层

文章预览 ：{$MY_前200个字(1019)}

加入收藏 来源：本站原创时间：2009-1-18 10:57:45 浏览：本文所属：网页特效

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML lang=zh-CN xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>点击弹出窗口层，并且背景变暗渐变---网页特效|www.meihuand.cn|网页特效</TITLE>

<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content=all name=robots>
<META content=梅花@www.meihuand.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>

<STYLE>BODY {
 FONT-SIZE: 12px; BACKGROUND: #9ec7e7
}
IMG {
 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#msgDiv {
 BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; DISPLAY: none; FONT-SIZE: 12px; Z-INDEX: 10001; BACKGROUND: white; LEFT: 50%; MARGIN-LEFT: -225px; BORDER-LEFT: #336699 1px solid; WIDTH: 500px; BORDER-BOTTOM: #336699 1px solid; POSITION: absolute; TOP: 20%; HEIGHT: 400px
}
#bgDiv {
 DISPLAY: none; RIGHT: 0px; FILTER: progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)
    opacity: 0.6; LEFT: 0px; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #777
}
</STYLE>
<SCRIPT type=text/javascript> 
function showDetail() { //银碗www.meihuand.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.meihuand.cn><FONT color=#0000ff>梅花网页特效</FONT></A></p>"
}
</SCRIPT>
<META content="MSHTML 6.00.2900.5583" name=GENERATOR></HEAD>
<BODY>
<div id=msgDiv>
<div id=msgShut>关闭</div>
<div id=msgDetail></div></div>
<div id=bgDiv></div>
<P>　</P>
<P><A onclick=showDetail() href="http://meihuand.cn/lj/429.html#">点击我试试看</A></P>
<P>　</P>
<P>　</P>
<P>　</P>
<P>　</P>
<P>更多网页特效代码尽在 <A href="http://www.meihuand.cn/">网页特效</A></P></BODY></HTML>

[打印本页] [关闭窗口] [返回顶部] 转载请注明来源：meihuand.cn

相关内容 --------------------------------------------------------------------------------------

上一篇网页特效：打开浏览器窗口最大化

下一篇网页特效：没有了

点击弹出渐变窗口层

最新发布

编辑推荐

SWF专题内容

网页特效热门内容