JS+CSS弹出框

最新推荐文章于 2022-06-11 22:24:05 发布

流线

最新推荐文章于 2022-06-11 22:24:05 发布

阅读量498

点赞数

分类专栏： js-jquery java基础文章标签： css jquery js java

java基础同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

js-jquery

14 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath}/editor/jquery/jquery-1.4.4.min.js"></script>
<title>弹出输入框</title>
<style type="text/css">
        #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);}
        #show{display: none; position: absolute; top: 25%; left: 22%; width: 53%; height: 49%; padding: 8px; border: 8px solid #E8E9F7; background-color: white; z-index:1002; overflow: auto;}
</style>
<script language="javascript" type="text/javascript">
function notSure() {
   document.getElementById("bg").style.height =document.body.clientHeight+"px";
    document.getElementById("bg").style.display ="block";
    document.getElementById("show").style.display ="block";
}
function hidediv() {
        document.getElementById("bg").style.display ='none';
        document.getElementById("show").style.display ='none';
    }
function show1(){
   var ordNotsure = $("#ordNotsure").val();
   alert("您输入了："+ordNotsure);
}
</script>
</head>
<body>
   <div id="bg"></div>
    <div id="show">
       <b>不确认理由：</b><textarea id="ordNotsure"></textarea><br>
       <input type="button" value="确定" οnclick="show1()"/>
       <input id="btnclose" type="button" value="取消" οnclick="hidediv();"/>
   </div>

   <input type="button" class="z_an" οnclick="notSure()" value="不确认价格" style="width:136px;"/>
</body>
</html>

流线

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS+CSS弹出框

pageEncoding="UTF-8"%>弹出输入框 #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.
复制链接

扫一扫

专栏目录