很简单的jquery弹出对话框

最新推荐文章于 2022-07-12 15:50:48 发布

老朱-yubing

最新推荐文章于 2022-07-12 15:50:48 发布

阅读量7.9k

点赞数

文章标签：对话框 jquery javascript dialog

本文链接：https://blog.csdn.net/robinhunan/article/details/70227004

版权

这篇博客展示了如何利用jQuery实现一个简单的弹出对话框功能。通过点击按钮，可以调用dialog.show()函数，显示包含自定义内容的对话框，并提供关闭按钮。对话框的样式、高度和宽度均可调整，还支持在页面加载后自动关闭的功能。

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

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title>弹出框</title>  
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
	<style>
	.dialog-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto;}
	.dialog{border:1px solid #ddd;box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);border-radius:4px;background-color:#fff;z-index:11;display:none;}
	.dia

最低0.47元/天解锁文章

老朱-yubing

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
很简单的jquery弹出对话框

弹出框 .dialog-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto;} .dialog{border:1px solid
复制链接

扫一扫