artDialog简单用法

yeyuan · 发表于 2013-1-29 08:59:17

今天在网上找了一个弹出层的js工具，感觉这个效果做的很漂亮，而且使用也简单，

刚使用的时候，看了半天demo，也不知道杂用，后来，在网上找了一篇文章，大悟，

然后才明白，如何使用，

顺便贴下那位朋友的博客地址：http://imshare.iteye.com/blog/823859

官网地址：http://www.planeart.cn/demo/artDialog/index.html

我只是说下大致怎么使用，里面有很多用法和效果，请参考下官方的api文档

先说下目录结构吧
我的目录结构是：
dialog
   ---artDialog.js
   ---test.html
   skin
         ---default.css
         ---green.css
         --- ......

然后，在head里引入js文件
<script src="artDialog.js?skin=default"></script>  //后面的是指使用default皮肤，当前目录下的skin目录下面

function test(){ art.dialog({ content: 'Test artDialog'});}

<a href="javascript:" >测试</a>

全文：
<html><head><title>test artdialog</title><script src="artDialog.js?skin=default"></script><script type="text/javascript">function test(){ art.dialog({ content: 'Test artDialog'});}  </script></head><body><a href="javascript:" >测试</a></body></html>
大家试下效果吧。

		自动登录	找回密码
密码			立即注册

artDialog简单用法

浏览过的版块