artDialog

原来的网址:http://yeyuan.iteye.com/blog/1236279
 

顺便贴下那位朋友的博客地址：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文件 
Javascript代码  收藏代码
  1. <script src="artDialog.js?skin=default"></script>    
  2. //后面的是指使用default皮肤，当前目录下的skin目录下面  


Javascript代码  收藏代码
  1. function test(){  
  2.     art.dialog({  
  3.     content: 'Test artDialog'  
  4. });  
  5. }  


Html代码  收藏代码
  1. <a href="javascript:" onclick="test();">测试</a>  


全文： 
Html代码  收藏代码
  1. <html>  
  2. <head>  
  3. <title>test artdialog</title>  
  4. <script src="artDialog.js?skin=default"></script>  
  5. <script type="text/javascript">  
  6. function test(){  
  7.    art.dialog({  
  8.     content: 'Test artDialog'  
  9. });  
  10. }  
  11.   </script>  
  12. </head>  
  13. <body>  
  14. <a href="javascript:" onclick="test();">测试</a>  
  15. </body>  
  16. </html>  

大家试下效果吧。 

 

 

posted on 2014-07-11 20:50  苏东坡  阅读(263)  评论(0)  编辑  收藏  举报