jquery 插件 弹窗

原创 2012年03月28日 21:42:13

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

Jquery 插件-可以用来操作定界窗,将在定界窗内选取的项目放到父窗口内

先看看演示吧!看完演示动画你就知道是干啥的了,这个插件害我死了不少脑细胞,以前同样的功能我使用js原型开发需要写至少三个零碎的函数来解决,而且一不小心就忘记怎么用了,所以今天写了这个函数,将全部操作功...
  • sibang
  • sibang
  • 2014年08月21日 16:44
  • 325

jquery 插件

  • 2015年02月10日 15:40
  • 6KB
  • 下载

jQuery 插件

  • 2015年03月12日 22:27
  • 1.25MB
  • 下载

Jquery插件,右下角弹窗提醒,无视框架

推荐其它几款插件: http://www.jqueryrain.com/?rv0ica8W
  • ful1021
  • ful1021
  • 2014年08月14日 12:08
  • 1655

自定义实时搜索jQuery 插件HideSeek

  • 2014年03月31日 11:26
  • 88KB
  • 下载

sublime jquery 插件及序列号注册

  • 2016年07月13日 14:58
  • 8.86MB
  • 下载

jquery layer弹窗弹层插件 小巧强大

/* 先去官网下载最新的js http://sentsin.com/jquery/layer/ ①引用jquery ②引用layer.min.js */ 触发弹层的事件可自由绑定,如: $('#i...

jquery 插件

  • 2012年06月16日 20:27
  • 2.9MB
  • 下载

Jquery弹窗插件Lhgdialog的用法

Lhgdialog的用法  大家都知道用js可以实现,但是在使用js实现的弹窗时得考虑很东西:浏览器的兼容、页面的交互等等问题。  在这里简单介绍一下lhgdialog的用法。  参数有:  ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 插件 弹窗
举报原因:
原因补充:

(最多只允许输入30个字)