程序员开发实例大全宝库

网站首页 > 编程文章 正文

jqueryUI代码:一句实现自定义对话框

zazugpt 2024-09-10 23:36:35 编程文章 19 ℃ 0 评论

UI库是Jquery最知名的库，代码以丰富简洁著称，看下面这段代码，一句就能实现自定义对话框的功能。

页头

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>jQuery UI Dialog - Default functionality</title>

CSS文件

可以通过浏览器提取。可通过修改CSS文件来控制对话框的样式和风格

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

jquery库和UI库

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

核心代码，就一句，可见UI库的强大功能

<script>

$( function() {

$( "#dialog" ).dialog();

} );

</script>

对话框，div id=“dialog”

</head>

<body>

<div id="dialog" title="Basic dialog">

<p>test</p>

</div>

页尾

</body>

</html>

科技自媒体原创作者：钱庄王员外

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表