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对话框插件dialogBox

  • 2015年11月23日 18:43
  • 40KB
  • 下载

jquery 仿模态对话框插件

  • 2009年07月24日 10:47
  • 27KB
  • 下载

jQuery Dialog弹出层对话框插件演示

一个非常 基本操作 默认的 [html]view plaincopyprint? new Dialog('这是一个默认对话框')...

基于jquery的 对话框插件jDialog

  • 2016年06月20日 17:32
  • 62KB
  • 下载

jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答

插件说明 - jBox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。 运行环境 - 兼容 IE6+、Firefox、Chrome、Sa...

jquery 对话框插件

  • 2014年12月19日 11:01
  • 3KB
  • 下载

jQuery弹出层对话框插件

  • 2013年05月06日 14:04
  • 30KB
  • 下载

jquery封装对话框插件

jquery.ui.dialog是一个友好的对话框插件,为了方便使用我们将使用jquery.ui.dialog封装一个易用的对话框插件,代码:   jQuery.extend(jQuery, { ...
  • cnlive
  • cnlive
  • 2012年07月19日 15:35
  • 1230

【jBox】 2.3正式版 多功能jQuery对话框插件下载及常见使用问题解答

版本:2.3 正式版 大小:15.5k 下载:点击下载 2.3beta版升级为正式版只要把jquery.jBox-2.3.min.js替换即可,近期内应该都不会有新的改动了。   请jbox...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery对话框插件
举报原因:
原因补充:

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