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弹窗插件

对自定义插件感兴趣的童鞋可以看看!
  • qq_34095828
  • qq_34095828
  • 2017年05月05日 08:32
  • 271

jQuery一款轻量级可自定义的弹窗插件

插件名称: ColorBox 官网地址: http://www.jacklmoore.com/colorbox 演示地址(ColorBox Demonstration)...
  • xxd851116
  • xxd851116
  • 2012年04月08日 12:46
  • 2502

jQuery 移动端HTML5 弹出窗插件 box.js

本文主要描述一个移动端的弹窗组件,支持多种模式切换,基于jQuery,函数本身封装在jQuery全局变量中,方便使用。 本组件不许单独引用css文件,支持外部修改默认的图标集,提供多种弹出方式,另外支...
  • X19900618
  • X19900618
  • 2017年05月10日 11:24
  • 1306

简易jQuery对话框组件、弹窗插件

xyPop是一个轻巧且高度兼容的jQuery简易版插件,可让你的网页交互达到急速用户体验。 功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持四个方向定位(上/下...
  • xiaoyan_2015
  • xiaoyan_2015
  • 2016年01月27日 16:20
  • 2471

轻量级jQuery拖拽插件和弹窗插件

[5/13更新]1,增加对bootstrap的支持,(仅仅是用了bootstrap的样式,行为还是由本插件接管) 2,添加了bootstrap的示例页面 现在这种东西网上一抓一大把,而且也都...
  • dyllove98
  • dyllove98
  • 2013年05月26日 16:47
  • 4123

一个比较好用的jquery图片弹出框插件

下载地址和讲解http://www.jq22.com/jquery-info21 更多的插件http://www.cnblogs.com/lhb25/archive/2011/04/11/2...
  • xlyrh
  • xlyrh
  • 2016年07月31日 17:56
  • 575

jquery插件封装:弹出div对话框

以前封装了一个Div弹出的jquery插件, jQuery特效之浮动div模式框,这个插件封装的原则追求最简洁,只负责弹出的行为,不负责样式。 而这次的封装是基于上个插件的封装进行进一步的封装,封装...
  • oTengYue
  • oTengYue
  • 2016年06月17日 15:29
  • 3268

基于jQuery的弹窗小插件

jQuery,弹窗小插件,基于jQuery的弹窗小插件
  • AXBNMD
  • AXBNMD
  • 2017年07月14日 17:13
  • 196

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

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

jquery插件封装:弹出iframe模式框

在web开发过程中我们经常需要弹出Iframe页面来加载另外一个页面来显示操作或显示数据,在关闭iframe后又是需要执行某一个回调函数。以下插件能够以较少的代码实现该功能并具有较好的扩展性。下...
  • oTengYue
  • oTengYue
  • 2015年08月30日 21:13
  • 4679
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 插件 弹窗
举报原因:
原因补充:

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