js artDialog弹出层插件使用例子

 代码如下 复制代码

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://x6.com/js/jquery.min.js"></script>
<script type="text/javascript" src="http://x6.com/js/jquery.artDialog.js?skin=default"></script>
</head>
<body>
<script>
//弹出层，
//art.dialog('简单愉悦的接口，强大的表现力，优雅的内部实现');
//弹出层弹出之后，callback
//art.dialog("有callback的",function(){alert('callback')});
//art.dialog("有callback的",function(){alert('callback')}).title("标题");
//两秒后自动关闭
//art.dialog("两秒钟之后自己关闭").time(2);
//锁屏
//art.dialog("锁屏了哦！").lock();
//锁屏两秒钟之后关闭
//art.dialog("锁屏之后，两秒钟关闭").lock().time(2);
/*var dialog = art.dialog({
title:"标题",
content:"这里内容",
//icon:"succeed",
lock:true,
ok:function(){
//关闭之前调用
alert("callback")
}
})*/

//带图标
/*
art.dialog({
icon: 'succeed',
content: '我可以定义消息图标哦'
});*/
//art.dialog("确定要删除吗？",function(){alert(1)},function(){alert(2)}).title("警告").lock()
//创建一个右下角浮动的消息窗口
/*art.dialog({
id: 'msg',
title: '公告',
content: 'hello world!',
width: 320,
height: 240,
left: '100%',
top: '100%',
fixed: true,
drag: false,
resize: false
})*/
//全局配置
(function (config) {
config['lock'] = true;
config['fixed'] = true;
config['okVal'] = '确定';
config['cancelVal'] = '取消';
// [more..]
})(art.dialog.defaults);
/*
art.dialog("<h1>21312312</h1>").button({name:"确定",callback:function(){
alert("ok")
}},{name:"取消",callback:function(){
alert("cancel")
}})
*/
art.dialog("ceshi",function(){alert(1)},function(){alert(2)}).lock();
</script>
</body>
</html>
时间： 2024-10-25 10:29:18

js artDialog弹出层插件使用例子的相关文章

Jquery 实现弹出层插件

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层  要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask   .mask {     position: fixed;     width: 100%;     height:

Jquery 实现弹出层插件_jquery

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 1:遮罩层  要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask 复制代码 代码如下: .mask {     position: fixed;     width: 100%;     height: 100%;     backg

jQuery弹出层插件与使用方法

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

jQuery 弹出层插件(推荐)_jquery

最近在研究弹出层插件时发现网上很多插件功能很强大,同时插件也很庞大.在这里个人写了一个比较秀珍的弹出层插件. jquery.popdialog.js $(function () { $.fn.PopDialog = function (options) { var defaults = { Event: "click", //触发响应事件 title: "title", //弹出层的标题 type: "text", //弹出层类型(text.容器

jQuery弹出层插件Lightbox_me使用指南_jquery

网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器. 1.Lightbox_me插件功能 用于显示弹出层 2.Ligh

js登录弹出层特效

 点击弹出层,点击后弹出一个登录层,在这个层内的内容调用了一个示例页面  代码如下: <!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">  &l

js登录弹出层特效_javascript技巧

复制代码 代码如下: <!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=&qu

原创jQuery弹出层插件分享_jquery

依赖jquery,兼容IE6\7\8 火狐 chrom 等主流浏览器(绝对原创), 不过请求大神帮我提升点效率. /** * jQuery弹出层插件 * * @author lanhaoooo@163.com * @since 2014-08-23 */ (function($) { var methods = { o : { isIe : !-[ 1, ] || document.documentMode >= 9,//后面的是判断IE9.IE10的 ie6 : !-[ 1, ] &&am

js+div 弹出层城市切换代码

提示:您可以先修改部分代码再运行 js+div 弹出层城市切换代码 <!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>