<!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
很简单的jquery弹出对话框
最新推荐文章于 2024-08-06 10:37:21 发布
这篇博客展示了如何利用jQuery实现一个简单的弹出对话框功能。通过点击按钮,可以调用dialog.show()函数,显示包含自定义内容的对话框,并提供关闭按钮。对话框的样式、高度和宽度均可调整,还支持在页面加载后自动关闭的功能。
摘要由CSDN通过智能技术生成