artDialog简单用法

最新推荐文章于 2024-08-08 23:04:40 发布

lx258963

最新推荐文章于 2024-08-08 23:04:40 发布

阅读量155

点赞数

分类专栏： JavaScript 文章标签： artDialog 使用方法 js javascript 弹出层 ViewUI

本文链接：https://blog.csdn.net/lx258963/article/details/84060320

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天在网上找了一个弹出层的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:" onclick="test();">测试</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:" onclick="test();">测试</a>
</body>
</html>

大家试下效果吧。

lx258963

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
artDialog简单用法

今天在网上找了一个弹出层的js工具，感觉这个效果做的很漂亮，而且使用也简单，刚使用的时候，看了半天demo，也不知道杂用，后来，在网上找了一篇文章，大悟，然后才明白，如何使用，顺便贴下那位朋友的博客地址：http://imshare.iteye.com/blog/823859官网地址：http://www.planeart.cn/demo/artDialog/ind...
复制链接

扫一扫

专栏目录