js弹出窗口之弹出层的小例子_Javascript教程-查字典教程网
js弹出窗口之弹出层的小例子
js弹出窗口之弹出层的小例子
发布时间:2016-12-30 来源:查字典编辑
摘要:[html]复制代码代码如下:弹出窗口#popupcontent{position:absolute;visibility:hidden;o...

[html]

复制代码 代码如下:

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

<HTML xmlns="http://www.w3.org/1999/xhtml">

<HEAD>

<TITLE>弹出窗口</TITLE>

<META http-equiv=Content-Type content="text/html; charset=utf-8">

<style>

#popupcontent{

position: absolute;

visibility: hidden;

overflow: hidden;

border:1px solid #CCC;

background-color:#F9F9F9;

border:1px solid #333;

padding:5px;}

</style>

<script>

var baseText = null;

function showPopup(w,h){

var popUp = document.getElementById("popupcontent");

popUp.style.top = "200px";

popUp.style.left = "200px";

popUp.style.width = w + "px";

popUp.style.height = h + "px";

if (baseText == null) baseText = popUp.innerHTML;

popUp.innerHTML = baseText + "<div id="statusbar"><input type="button" value="Close window" onClick="hidePopup();"></div>";

var sbar = document.getElementById("statusbar");

sbar.style.marginTop = (parseInt(h)-60) + "px";

popUp.style.visibility = "visible";

}

function hidePopup(){

var popUp = document.getElementById("popupcontent");

popUp.style.visibility = "hidden";

}

</script>

<META content="MSHTML 6.00.2900.2838" name=GENERATOR></HEAD>

<BODY>

<div id="popupcontent">content</div>

<p><a href="#" >onclick</a></p>

</BODY>

</HTML>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类