`
yeyuan
  • 浏览: 227416 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

artDialog简单用法

artDialog使用方法jsjavascript弹出层 
阅读更多
今天在网上找了一个弹出层的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>

大家试下效果吧。
分享到：
| Parameter 2 to mysqli_stmt::bind_param() ...
评论
2 楼 w156445045 2012-12-11  
博主，您好，请问为什么我这样做没效果啊？
1 楼 dandelion.yzm 2011-12-29  
<a href="javascript:" onclick="test();">测试</a>   
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics