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弹窗插件Lhgdialog的用法

Lhgdialog的用法  大家都知道用js可以实现,但是在使用js实现的弹窗时得考虑很东西:浏览器的兼容、页面的交互等等问题。  在这里简单介绍一下lhgdialog的用法。  参数有:  ...

15 个非常吸引人的 jQuery 弹窗插件

向你推荐 15 个非常吸引人的 jQuery 弹窗插件,有图无废话!排名不分先后顺序。 1. prettyPhoto 查看详情   2. jQuery Super Box 查看详情 ...

基于jQuery的弹窗小插件

jQuery,弹窗小插件,基于jQuery的弹窗小插件

[转载]JQuery弹窗窗口插件

原出处:http://cto.xujun.org/soft/jquery/lhgdialog/弹出窗口插件介绍©lhgdialog 是一个使用简单,代码简洁高效且功能强大的弹出窗口插件。专为大型弹出窗...

轻量级的 jquery 自定义弹窗插件 用法简单

jq封装 (function () { $.fn.alert = function (e) { var fn = this; $(fn).show(); ...

jQuery弹窗插件

对自定义插件感兴趣的童鞋可以看看!

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

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

超强的jquery极品插件--分页类和提示框弹窗类

分页类+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++   jQuery Pagination j...

jQuery 自定义弹窗插件

jquery自定义弹窗插件 (function () { $.fn.alert = function (e) { var fn = this; $(fn)....

XYTipsWindow 2.8 ,一款轻量级Jquery弹窗插件!

XYTipsWindow 2.8 ,一款轻量级Jquery弹窗插件! 兼容性不错,基本上每个浏览器都支持,收藏一下! 弹出普通文本信息提示以及位置演示:  $("#ID").click(fun...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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