龙空技术网

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

钱庄王员外 93

前言:

今天兄弟们对“新建css规则对话框”大体比较讲究,同学们都想要学习一些“新建css规则对话框”的相关文章。那么小编也在网络上网罗了一些对于“新建css规则对话框””的相关资讯,希望我们能喜欢,同学们快快来了解一下吧!

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="">

jquery库和UI库

<script src=""></script>

<script src=""></script>

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

<script>

$( function() {

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

} );

</script>

对话框,div id=“dialog”

</head>

<body>

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

<p>test</p>

</div>

页尾

</body>

</html>

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

标签: #新建css规则对话框