关闭

jquery 插件 弹窗

标签: jqueryfunctionjavascriptstylesheetdialogui
135人阅读 评论(0) 收藏 举报

<html>
<head>
<title>tabs</title>
<script language="javascript" type="text/javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="./js/jquery-ui.js"></script>
<link  rel="stylesheet" href="./css/jquery-ui.css"/>

<script language="javascript" type="text/javascript">
$(function(){
     $(function(){
    
        $("#dialog").dialog({
        autoOpen:false ,
     show:"blind", 
     hide:"explode", 
     modal:true,
    
      buttons:[
        {
       text:"ok",
       click:function(){
         $(this).dialog("close");
       }
     },
       {
       text:"取消",
       click:function(){
         $(this).dialog("close");
       }
     }],
                  draggable:true ,
     
      closeOnEscape:false ,
      title:"添加用户操作界面" ,
      position:"top",
      width:600, 
      height:200,
      resizable:false , 
      zIndex:6,
      drag:function(event,ui){
     
       }
      });
    
  
     $("#dialog_link").click(function(){
      $("#dialog").dialog("open");
     });
    
    
  
     var modalValue = $("#dialog").dialog("option","modal");
 
     $("#dialog").dialog("option","modal",false);
   });

  });


</script>
<style>
            #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
   #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
</style>
</head>

<body>

<h1>dialog</h1>
<a href="#" id="dialog_link"><span>打开窗口</span></a>

<div id="dialog" title="hi!">我去</div>

 

</body>

 

</html>

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:33068次
    • 积分:1139
    • 等级:
    • 排名:千里之外
    • 原创:106篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条