artDialog 简单几种用法

  $(‘#btn1‘).click(function(){
        artDialog({title:‘图片查看‘, content:‘<img width="817" height="479" src="http://www.hunanyishi.cn/images/main.jpg" />‘, fixed:true});
        return false;
    });
            
            $(‘#btn2‘).click(function(){
                artDialog({title:‘google‘, url:‘http://code.google.com/p/artdialog/‘, width:640, height:320});//url参数其实就是iframe
                return false;
            });
            
            $(‘#btn3‘).click(function(){
                artDialog({title:‘功夫兔‘, content:‘<object width="420" height="363"><param name="movie" value="http://www.tudou.com/v/bXwe7XgTxuA"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.tudou.com/v/bXwe7XgTxuA" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="420" height="363"></embed></object>‘, fixed:true});
                return false;
            });
            
            $(‘#btn4‘).click(function(){
                artDialog({content:‘你人品稳定么?‘, fixed:true, yesText:‘我很稳定‘, style:‘confirm‘}, function(){alert(‘你是好人‘);}, function(){alert(‘你是坏人‘);});//style参数可以填写多个,用空格隔开。具体有什么请看皮肤css文件
                return false;
            });
            
            $(‘#btn5‘).click(function(){
                artDialog({content:‘你是坏人‘, style:‘alert‘, lock:true}, function(){});//lock参数就是锁屏,它会中断用户操作,用于显示非常重要的消息。慎用
                return false;
            });
            
            $(‘#btn6‘).click(function(e){
                //获取对象的坐标,让对话框在按钮附近弹出
                var e = e || window.event,
                _x,
                _y;
                if(e.pageX || e.pageY){
                    _x = e.pageX;
                    _y = e.pageY;
                } else {
                    _x = e.clientX + document.body.clientLeft;
                    _y = e.clientY + Math.max(document.body.scrollTop, document.documentElement.scrollTop);
                };
                
                var _this = this;
                artDialog({id:‘menu_4834783‘,content:‘<input style="width:200px;" id="M_dfd" type="text" value="hello world!" />‘,x:_x, y:_y, style:‘noTitle noBorder‘}, function(){ _this.innerHTML = $(‘M_dfd‘).value; });//使用id参数,可以防止点击弹出多个对话框
                return false;
            });
            
            $(‘#btn7‘).click(function(){
                artDialog({content:‘您收到 <strong>2</strong> 条消息‘, x:‘right‘, y:‘bottom‘, time:‘100‘, fixed:true});//x和y坐标可以使用关键字,当然也可以使用数字
                return false;
            });

时间: 2024-12-23 03:46:28

artDialog 简单几种用法的相关文章

Linux内核中等待队列的几种用法

Linux内核里的等待队列机制在做驱动开发时用的非常多,多用来实现阻塞式访问,下面简单总结了等待队列的四种用法,希望对读者有所帮助. 1. 睡眠等待某个条件发生(条件为假时睡眠): 睡眠方式:wait_event, wait_event_interruptible 唤醒方式:wake_up (唤醒时要检测条件是否为真,如果还为假则继续睡眠,唤醒前一定要把条件变为真) 2. 手工休眠方式一: 1)建立并初始化一个等待队列项 DEFINE_WAIT(my_wait) <==> wait_queue

[java]static关键字的四种用法

在java的关键字中,static和final是两个我们必须掌握的关键字.不同于其他关键字,他们都有多种用法,而且在一定环境下使用,可以提高程序的运行性能,优化程序的结构.下面我们先来了解一下static关键字及其用法. static关键字 1.修饰成员变量 在我们平时的使用当中,static最常用的功能就是修饰类的属性和方法,让他们成为类的成员属性和方法,我们通常将用static修饰的成员称为类成员或者静态成员,这句话挺起来都点奇怪,其实这是相对于对象的属性和方法来说的.请看下面的例子:(未避

js中继承的几种用法总结(apply,call,prototype)

本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下,希望对大家有所帮助 一,js中对象继承 js中有三种继承方式 1.js原型(prototype)实现继承 <SPAN style="<SPAN style="FONT-SIZE: 18px"><html>   <body>  <script type="text/javascript"> 

二.jQuery源码解析之构建jQuery之构建函数jQuery的7种用法

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象;二:$(htmlStr[,文档对象]),$(html[,json对象])传入html字符串,创建一个新的dom元素 三:$(dom元素),$(dom元素集合)将dom元素转换成jQuery对象.四:$(自定义对象)封装普通对象为jQuery对象.五:$(回调函数)绑定ready事件监听函数,当Dom加载完成时执行.六:$(jQuery对象)接受一个jQuery对象,返回一个j

artdialog对话框 三种样式 网址:http://www.planeart.cn/demo/artDialog/_doc/labs.html

摇头效果 类似与wordpress登录失败后登录框可爱的左右晃动效果 // 2011-07-17 更新 artDialog.fn.shake = function (){ var style = this.DOM.wrap[0].style, p = [4, 8, 4, 0, -4, -8, -4, 0], fx = function () { style.marginLeft = p.shift() + 'px'; if (p.length <= 0) { style.marginLeft =

java中super 的两种用法

通过用 static 来定义方法或成员,为我们编程提供了某种便利,从某种程度上可以说它类似于 C 语言中的全局函数和全局变量.但是,并不是说有了这种便利,你便可以随处使用,如果那样的话,你便需要认真考虑一下自己是否在用面向对象的思想编程,自己的程序是否是面向对象的. 好了,现在开始讨论 this&super 这两个关键字的意义和用法. 在 Java 中, this 通常指当前对象, super 则指父类的.当你想要引用当前对象的某种东西,比如当前对象的某个方法,或当前对象的某个成员,你便可以利用

Synchronized 有几种用法?

我们都知道 Synchronized 是线程安全同步用的,大部分程序可能只会用到同步方法上面.其实 Synchronized 可以用到更多的场合. 1.同步普通方法(锁实例对象) 这个也是我们用得最多的,只要涉及线程安全,上来就给方法来个同步锁.这种方法使用虽然最简单,但是只能作用在单例上面,如果不是单例,同步方法锁将失效. /** * 用在普通方法 */ private synchronized void synchronizedMethod() { System.out.println("s

在vue里使用codemirror的两种用法

这是我自己做的一个左边点击对应的标题,右边显示相应代码的一个功能.代码显示这里用的是vue-codemirror插件. 第一种用法: 1.安装:npm install vue-codemirror --save 2.在main.js中引入 import VueCodeMirror from 'vue-codemirror' import 'codemirror/lib/codemirror.css' Vue.use(VueCodeMirror) 3.在组件中使用 import { codemir

JSP中的include的两种用法

1.两种用法 <@inlcude file ="header.jsp"/> 此时引入的是静态的jsp文件,它将引入的jsp中的源代码原封不动地附加到当前文件中,所以在jsp程序中使用这个指令的时候file里面的值(即要导入的文件)不能带多余的标签或是与当前jsp文件重复的东西.例如里面不要包含<html><body>这样的标签,因为是把源代码原封不动的附加过来,所以会与当前的jsp中的这样的标签重复导致出错. <jsp:include page