Jquery-UI实现弹出框样式

 

需要引用

<link href="CSS/jquery-ui.custom.min.css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>

<!--Jquery-UI实现弹出框样式-->
$( "#dialog" ).dialog({
autoOpen: false,
width:"751",
height:"413",
modal:true, //弹出框背后的层不能点击
// title:"xxx",
buttons:{
"确定":function(){
$(this).dialog("close");
} ,
"取消":function(){
$(this).dialog("close");
}
}
});

$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open");
});

/*实现菜单栏的下拉隐藏和显示*/

$(".a_link").click( function(){
$(".ul_toggle").toggle();
});

转载于:https://www.cnblogs.com/eyunhua/p/3680524.html