javascript弹出窗口实现代码

很多网页都实现了弹出窗口，使用方面，特别的人性化，本文就大家介绍爪哇岛描述语言实现弹出窗口特效，具体代码如下：

！DOCTYPE html html head lang=' en ' meta charset=' UTF-8 '标题弹出窗口/title脚本src=' http : js/jquery-1。11 .1 .js '/脚本样式* { margin : 0；padd : 0；} div { margin : 0 auto/* border : 1px纯红；*/}.超过BG {宽度： 100%；高度： 100%;背景：灰色；opa city 3360 0.5 filter : alpha(不透明度=50);位置：固定；top :0 z-指数： 300；}.TC-con {宽度： 200 px高度： 200像素；padding: 30px背景技术blanchedalmond :位置：固定；top : 0；z指数： 1000；}/stylescript $(function(){ $(').TC ' .hide()；$('.BTN ' .单击(函数(){ $(').TC ' .show()；}) $('.TC ' .单击(function(){ $(this)).hide()；})}))/脚本/标题dydiv class=' BTN '点击出现/div class=' TC ' div class=' OfPG '/div div class=' TC-con ' id=' TC-con ' 22/div脚本var a=文档。GetElementByID(' TC-con ')；风格。左=(文档。尸体。client width/2-a . client width/2)“px”；风格。top=(文档。文档元素。客户端高度/2-a . client height/2)' px '；/script/div div style=' height :2000 px ' 22/div/body/html！DOCTYPE html html head lang=' en ' meta charset=' UTF-8 '标题弹出窗口/title脚本src=' http : js/jquery-1。11 .1 .js '/脚本样式* { margin : 0；padd : 0；} div { margin : 0 auto/* border : 1px纯红；*/}.超过BG {宽度： 100%；高度： 100%;背景：灰色；opa city 3360 0.5 filter : alpha(不透明度=50);位置：固定；top :0 z-指数： 300；}.TC-con {宽度： 200 px高度： 200像素；padding: 30px背景技术blanchedalmond :位置：固定；top : 0；z指数： 1000；}/stylescript $(function(){ $(').TC ' .hide()；$('.BTN ' .单击(函数(){ $(').TC ' .show()；}) $('.TC ' .单击(function(){ $(this)).hide()；})}))/脚本/标题dydiv class=' BTN '点击出现/div class=' TC ' div class=' OfPG '/div div class=' TC-con ' id=' TC-con ' 22/div脚本var a=文档。GetElementByID(' TC-con ')；风格。左=(文档。尸体。client width/2-a . client width/2)“px”；风格。top=(文档。文档元素。客户端高度/2-a . client height/2)' px '；/script/div div style=' height :2000 px ' 22/div/body/html效果图：

以上就是为大家分享的爪哇岛描述语言弹出窗口实现代码，希望对大家的学习有所帮助。