源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js弹出窗口之弹出层的小例子

  • 时间:2021-11-06 02:15 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js弹出窗口之弹出层的小例子
[html]
[u]复制代码[/u] 代码如下:
<!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="showPopup(300,200);" >onclick</a></p>  </BODY>  </HTML> 
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部