jquery对话框插件

原创 2012年03月28日 21:21:27

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns="
http://www.w3.org/1999/xhtml">
< head>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< title>对话框效果</title>
<!--引入jquery类库文件-->
<script language="javascript" type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
< script language="javascript" type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>
<!--引入css样式类库文件-->
<link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.18.custom.css">
< script type="text/javascript">
  $(function(){
$("#dialog").dialog({
     //设置对话框打开方式,不自动打开
  autoOpen:false,
//打开时的动画效果
  show:"blind",
//关闭时的动画效果
  hide:"explode",
  //遮罩效果
     modal:true,
  //添加对话框标题
  title:"我是对话框"
  })
 
  $("#dialog_link").click(function(){
    $("#dialog").dialog("open");
    
  });
});
< /script>
< /head>

<body>
< h1>模拟一个dialog效果</h1>
< a href="#" id="dialog_link"><span>open_dialog</span></a>
< div id="dialog">
   hello
< /div>
< /body>
< /html>

jquery 对话框(Dialog)插件

jQuery 对话框(Dialog) - 模态
  • z991876960
  • z991876960
  • 2016年09月22日 12:57
  • 2140

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

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

jquery+css实现自定义对话框功能(不使用插件)

当今网络上各种jquery对话框插件层出不穷,可是我为什么要放弃这些插件选择自己使用jquery和css来自定义对话框的呢?有两方面的原因,一个是有利于自己更加深入的了解css和jquery的特性,另...
  • csu_passer
  • csu_passer
  • 2017年04月21日 20:53
  • 20347

[JQuery,前端]jQuery表格插件datatables用法详解

http://www.jb51.net/article/77640.htm 一、Datatables简介 DataTables是一个jQuery的表格插件。这是一个高度灵活...
  • CrackLibby
  • CrackLibby
  • 2016年08月04日 14:48
  • 1711

Jquery实现模态窗口—simplemodal

QQ邮箱里面的邮件删除,弹出确认对话框是不是很好看,是的,它看起来实现很复杂,其实不然,现在Jquery插件已经很方便的让你来实现这些功能,那就是我们的simplemodal插件。网上可以下载相应的插...
  • sad_hopedream
  • sad_hopedream
  • 2013年12月19日 23:08
  • 2655

第一次想使用插件,就看看啦!jquery-confirm

http://craftpip.github.io/jquery-confirm/首先来说这个插件我刚刚开始使用,使用并不是那么6666 使用初体验 我没有使用sea.js进行管理,就使用一般的操作...
  • u012881904
  • u012881904
  • 2016年06月30日 21:09
  • 6191

几款好用的Tooltips 提示框插件

Poshy Tip 是一个强大的jQuery Tooltips插件,拥有不同的外观。作为 Form Tooltips使用时,可以自定义气泡出现的位置。(支持IE6~11) 演示地址:http:...
  • cddcj
  • cddcj
  • 2016年12月20日 18:00
  • 3426

jquery对话框插件

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 对话框效果...
  • mengyun00
  • mengyun00
  • 2012年03月28日 20:30
  • 625

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

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

【jQuery】对话框插件——dialog

对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中alert()和confirm()函数的功能,它的调用格式为: $(selector).dialog({option...
  • happyhaojie
  • happyhaojie
  • 2015年12月22日 03:52
  • 301
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery对话框插件
举报原因:
原因补充:

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