jq js 自定义弹框

最新推荐文章于 2022-02-23 10:48:38 发布

Nina_xy123

最新推荐文章于 2022-02-23 10:48:38 发布

阅读量535

点赞数 1

分类专栏： js 文章标签： js jq 自定义弹框

本文链接：https://blog.csdn.net/nina_xy123/article/details/81505698

版权

本文介绍如何利用JavaScript（简称js）与jQuery（简称jq）来创建自定义弹窗，通过自定义样式和交互，提升用户体验。

摘要由CSDN通过智能技术生成

自定义弹框

<body>
<script type="text/javascript" src="./js/jquery-1.8.3.js"></script>
<script>
//进入页面弹出
window.onload=function(){
    
 showDiv();
}

function showDiv()
{
    
var Idiv     = document.getElementById("Idiv");
var mou_head = document.getElementById('mou_head');
Idiv.style.display = "block";
//以下部分要将弹出层居中显示
Idiv.style.left= (document.documentElement.clientWidth-Idiv.clientWidth)/2+document.documentElement.scrollLeft+"px";
Idiv.style.top =(document.documentElement.clientHeight-Idiv.clientHeight)/2+document.documentElement.scrollTop+"px";

//以下部分使整个页面至灰不可点击
var procbg = document.createElement("div"); //首先创建一个div
procbg.setAttribute("id","mybg"); //定义该div的id
procbg.style.background = "#000000";
procbg.style.width = "100%";
procbg.style.height = "100%";
procbg.style.position = "fixed"

最低0.47元/天解锁文章

Nina_xy123

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jq js 自定义弹框

自定义弹框&lt;body&gt;&lt;script type="text/javascript" src="./js/jquery-1.8.3.js"&gt;&lt;/script&gt;&lt;script&gt;//进入页面弹出window.onload=function(){ showDiv();}function showDiv(){var Idiv ...
复制链接

扫一扫

专栏目录