artDialog 简单使用！

ArtDialog简单使用示例

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>art</title> <link id="artDialogSkin" href="skins/default.css" rel="stylesheet"…

简介 artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验. 功能: 支持锁定屏幕(遮罩).模拟alert和confirm.多窗口弹出.静止定位.支持Ese键关闭对话框.定时关闭.自定义位置.拖动.鼠标调节窗口大小.换肤…… 优点兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Safari 自适应内容: 无需预设高宽, 对话框自适应消息内容的大小 (包括按钮),并且支持消息框大小拖动调节智能…

artDialog 简单几种用法

$('#btn1').click(function(){ artDialog({title:'图片查看', content:'<img width="817" height="479" src="http://www.hunanyishi.cn/images/main.jpg" />', fixed:true}); return false; }); $(…

PHPCMS系统使用的弹出窗口插件artDialog

来源: http://aui.github.io/artDialog/doc/index.html (官方) http://lab.seaning.com/ http://www.mb5u.com/jscode/html/ajax/426_artDialog2_0_4/ artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容…

jQuery弹出层---artDialog 文档

artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现. 完善的接口它的接口完善,可以轻易与外部程序配合使用.如异步写入消息.控制位置.尺寸.显示与隐藏.关闭等. 细致的体验如果不是在输入状态,它支持Esc快捷键关闭:可指定…

推荐一款不错的dialog小工具：artDialog

推荐一款不错的dialog小工具, 地址:http://www.planeart.cn/demo/artDialog/_doc/labs.html 相关介绍例如以下: artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口自适应内容 artDialog的特殊UI框架可以适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至可以依据宽度让文本居中或居左对齐--这一切全是XHTML+CSS原生实现. 完…

js库之art.dialog

自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现. 完善的接口它的接口完善,可以轻易与外部程序配合使用.如异步写入消息.控制位置.尺寸.显示与隐藏.关闭等. 细致的体验如果不是在输入状态,它支持Esc快捷键关闭:可指定在元素附近弹出,让操作更便捷:智能给按钮添加焦点:黄金比例垂直居中:超大响应区域特别为ipad等…

Jquery_artDialog对话框弹出

artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口l 自适应内容artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现. l 完善的接口它的接口完善,可以轻易与外部程序配合使用.如异步写入消息.控制位置.尺寸.显示与隐藏.关闭等. l 细致的体验如果不是在输入状态,它支持Esc快捷键关…

ArtDialog V6的简单使用

artDialog v6 -- 经典的网页对话框组件,内外皆用心雕琢. 兼容性測试通过:IE6~IE11.Chrome.Firefox.Safari.Opera 授权协议免费,且开源.基于LGPL协议. 支持开源贡献代码 || 捐赠一杯咖啡 || 商业授权 artDialog,献给那些愿意为 web 极致体验付出的人们! 四年来.有超过 40 万站点在使用 artDialog,当中不乏国内顶尖的产品: QQ空间 v8(腾讯) Phpcms(盛大) 极路由在artDialog的使用中,使用…

artdialog

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>art</title> <link id="artDialogSkin" href="skins/default.css" rel="stylesheet"…

jQuery插件之artDialog

artDialog是一个非常强大的弹出框插件.默认有两个版本,一个是jQuery版,一个是javascript版.功能非常多,而且使用非常简单.不写了,直接贴上官网的预览运行地址,以后用得着的时候去那里找代码就OK了. 官网预览地址:http://www.planeart.cn/demo/artDialog/_doc/API.html…

给artDialog插件增加动画效果

领导想给弹窗增加几种动画效果,以前用过layer弹窗,效果不错,它的动画是用的样式,实现很简单,所以把动画拷贝了过来,打包到现在的artDialog.js里... 使用方式:新增配置参数{anim:4}//0-6 预览:https://zhangzn3.github.io/artDialog-anmi/index.html…

artDialog学习之旅(二)之扩展方法详解

名称描述核心方法 art.dialog.top 获取artDialog可用最高层window对象.这与直接使用window.top不同,它能排除artDialog对象不存在已经或者顶层页面为框架集的情况这是iframe应用工具集中的核心方法,你可以用它来操作父页面对象(包括上面的对话框) art.dialog.data(name, value) 跨框架数据共享写入接口.框架与框架之间以及与主页面之间进行数据交换是非常头疼的事情,常规情况下你必须知道框架的名称才能进行数据交换,如果是在复杂的多…

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 =…

artDialog双击会关闭对话框的修改

artDialog,一个jquery的对话框插件,很好用的说但是在使用时发现鼠标双击时会自半对话框,查看源码发现有个监听鼠标双击的事件如下图: 简单的方法就是把该行去掉,为了扩展可改成如下图: 这样就可以动态配置是否需要此功能使用方法如下图: $.dialog({ title : json.theme, content : json.content, dbclickHide:true, ////默认false,如果为true则双击就会关闭窗口 lock : true, cancelValue:…

artDialog组件应用学习（四）

一.在对话框自定义操作按钮预览: html调用代码: var btnArray = [ { value: '同意', callback: function () { this.content('你同意了'); return false; }, autofocus: true }, { value: '不同意', callback: function () { alert('你不同意') } }, { id: 'button-disabled', value: '无效按钮', disabled:…

介绍一款“对话框”组件之 “artDialog”在项目中的使用

在实际开发项目中经常会用到对话框组件,提示一些信息.其实有很多,例如:在项目中常用到的“Jquery-UI.Jquery-EasyUI”的.Dialog,他们也很强大,Api文档也很多.今天就介绍一款轻量级的对话框组件artDialog,以下分别为Jquery-UI.Jquery-EasyUI.artDialog的对话框. 一.“artDialog”介绍: artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口. 1.自适应内容 ar…

【造轮子】打造一个简单的万能Excel读写工具

大家工作或者平时是不是经常遇到要读写一些简单格式的Excel? shit!~很蛋疼,因为之前吹牛,就搞了个这东西,还算是挺实用,和大家分享下. 厌烦了每次搞简单类型的Excel读写?不怕~来,喜欢流式操作?来~,喜欢用lambda(虽然java的比较蛋疼~),来~看这个~ 哈哈,如果你用的不是java8~~没问题,那就默默地用老方式匿名类来实现这些功能吧,但是这并不妨碍您的使用哈哈~~~ 更新多次~希望大家也能够集思广益~ github地址:https://github.com/MatrixSe…

Fabio 安装和简单使用

Fabio(Go 语言):https://github.com/eBay/fabio Fabio 是一个快速.现代.zero-conf 负载均衡 HTTP(S) 路由器,用于部署 Consul 管理的微服务. Fabio 由 eBay Classifieds Group 开发,用于处理 marktplaats.nl 和 kijiji.it 的流量.Marktplaats 所有的流量都经过 Fabio ,每秒有 250000 个请求,分发于数个 Fabio 实例,并且没有出现任何延迟. 简单流程图…

node.js学习（三）简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

一.一个简单的node程序 1.新建一个txt文件 2.修改后缀修改之后会弹出这个,点击"是" 3.运行test.js 源文件使用node.js运行之后的. 如果该路径下没有该文件,会报错 4.运行test2.js 二.模块简单使用为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式.在Node环境中,一个.js文件就称之为一个模块(module). 模块化的开发的好处:提高代码的可维护性,避免修…

哪种缓存效果高？开源一个简单的缓存组件j2cache

背景现在的web系统已经越来越多的应用缓存技术,而且缓存技术确实是能实足的增强系统性能的.我在项目中也开始接触一些缓存的需求. 开始简单的就用jvm(java托管内存)来做缓存,这样对于单个应用服务器来说很好. 为了系统的可用性,需要做灾备,那么就要多准备一套系统环境,这时就会有一些共享资源的问题,比如Tomcat的session共享出来几个系统会公用一套缓存数据,这样就变成一个共享池需求的增长也就带来了系统的变化,也正为这种变化我开始思考怎么让这些代码兼容,并为以后的系统模块提供比较统一…

在Openfire上弄一个简单的推送系统

推送系统说是推送系统有点大,其实就是一个消息广播功能吧.作用其实也就是由服务端接收到消息然后推送到订阅的客户端. 思路对于推送最关键的是服务端向客户端发送数据,客户端向服务端订阅自己想要的消息.这样的好处就是有消息后才向客户端推送,相比于拉取数据不会产生许多无效的查询,实时性也高. xmpp这种即时通信协议基于TCP长连接还是比较符合这种场景的.只需要在服务端增加一个模块用于接收用户订阅与数据的推送就完成了主体功能. 在xmpp协议里可以扩展组件,这样我们写一个组件,然后连接到xmpp服务器…

我的MYSQL学习心得（一）简单语法

我的MYSQL学习心得(一) 简单语法我的MYSQL学习心得(二) 数据类型宽度我的MYSQL学习心得(三) 查看字段长度我的MYSQL学习心得(四) 数据类型我的MYSQL学习心得(五) 运算符我的MYSQL学习心得(六) 函数我的MYSQL学习心得(七) 查询我的MYSQL学习心得(八) 插入更新删除我的MYSQL学习心得(九) 索引我的MYSQL学习心得(十) 自定义存储过程和函数我的MYSQL学习心得(十一) 视图我的MYSQL学习心得(十二) 触发器我的MY…

使用 Nodejs 搭建简单的Web服务器

使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块.文件系统.url解析模块.路径解析模块.以及301重定向问题,下面我们就简单讲一下如何来搭建一个简单的Web服务器. 作为一个Web服务器应具备以下几个功能: 1.能显示以.html/.htm结尾的Web页面 2.能直接打开以.js/.css/.json/.text结尾的文件内容 3.显示图片资源 4.自动下载以.apk/.…

ASP.NET Aries 入门开发教程2：配置出一个简单的列表页面

前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给写完了. 谢谢大伙的关注和支持. 步骤1:准备好数据库和表(或视图) 由于框架支持跨数据库,所以可以先不用管系统权限的那个数据库,先随意找个数据库. 当然你也可以找个视图(只是视图就不能编辑或删除[权限控制]) 步骤2:配置数据库链接: 以数据库名+Conn 为name(这是跨库的约定,不要乱取).…

简单入门canvas - 通过刮奖效果来学习

一 .前言一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下,通过一个刮奖效果来学习. 二.canvas基础本文的目标是做一个刮奖效果,但是如果都不知道canvas是怎么回事,那么肯定也无法进行下去,所以先讲讲canvas基础吧. 首先,该怎么理解canvas,思来想去,最好的理解办法应该就是把canvas理解为一个空白的画纸,一张你可以在上面画画的纸. 然…

简单粗暴地理解js原型链--js面向对象编程

原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好. 不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么.简单粗暴点看原型链吧,想点与代码无关的事,比如人.妖以及人妖. 1)人是人他妈生的,妖是妖他妈生的.人和妖都是对象实例,而人他妈和妖他妈就是原型.原型也是对象,叫原型对象. 2)人他妈和人他爸啪啪啪能生出一堆人宝宝.妖他妈和妖他爸啪啪啪能生出一堆妖宝宝,啪啪啪就是构造函数,俗称造人. 3)人他妈会记录啪啪啪的信息,所以可…

TODO：Laravel 内置简单登录

TODO:Laravel 内置简单登录 1. 激活Laravel的Auth系统Laravel 利用 PHP 的新特性 trait 内置了非常完善好用的简单用户登录注册功能,适合一些不需要复杂用户权限管理的系统,例如公司内部用的简单管理系统.运行以下命令: php artisan make:auth 运行成功显示 Authentication scaffolding generated successfully. 2. 在路由代码里面加入了 Auth::routes() 主要实现权限的登录.用户注…

[Java 缓存] Java Cache之 DCache的简单应用.

前言上次总结了下本地缓存Guava Cache的简单应用, 这次来继续说下项目中使用的DCache的简单使用. 这里分为几部分进行总结, 1)DCache介绍; 2)DCache配置及使用; 3)使用实例. 1, Dcache 介绍 Dcache是Distribute Cache System的缩写,既分布式缓存系统.具有高性能,大容量,弹性扩容,服务隔离等特点. Dcache是一个高速缓存系统,单机测试qps可达到10000以上.可无限扩容,目前配置最高可达8T容量.不同服务间数据隔离保证安…

使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&引用jquery来实现alert

使用webstorm+webpack构建简单入门级"HelloWorld"的应用&&构建使用jquery来实现 1.首先你自己把webstorm安装完成. 请参考这篇文章进行安装和破解http://www.cnblogs.com/chengxs/p/6245281.html 2.然后需要你的电脑安装了node.js. 可以参考这篇文章http://www.cnblogs.com/chengxs/p/6221393.html 2.第一种方法:使用命令行窗口.可以在你要创建…

【artDialog 简单使用！】的更多相关文章