artDialog怎么使用

1

首先你要获得这个组件，百度经验不让发链接，所以大家百度下获取

2

目录如下

二。导入项目

1

这里有两个导入方法，一种是不依赖任何组件和库

2

1.不依赖导入

<script type ="text/javascript" src="./Extend/artdialog/artDialog.js?skin=default"></script>

其中./Extend/artdialog/为存放目录

?skin=default，skin=皮肤，这里的皮肤指的是在skins目录下对应的.css文件

3

2.依赖jquery库

那么就应该先导入jquery库，后面导入<script type="text/javascript" src="./Extend/artdialog/jquery.artDialog.js?skin=default"></script>

注意是jquery.artDialog.js,不是artDialog.js,其他和上面提到一样。

三。使用

演示代码：

var dialog = art.dialog({

title: '欢迎',

content: '欢迎使用artDialog对话框组件！',

icon: 'succeed',

follow: document.getElementById('btn2'),

ok: function(){

return false

},okVal: '确定',

cancelVal: '关闭',

cancel: function(){

console.log(123)

},fixed:true,

resize:true

然后用一个函数封装这段代码，绑定触发事件即可.

使用artDialog，首先的去网站上下载它的相关代码文件，下载下来的文件目录如下：

_doc里面是帮助文档，也就是使用它的api，plugins里面是为了更好的支持iframe框架，提供的js，skins里面是提供的artDialog的各种皮肤文件，你可以再使用的时候随心所欲的使用各种皮肤，其他文件比较重要的是artDialog.js，这个是最主要的文件，jQuery.artDialog.js文件能让你在使用jQuery框架的时候能更好的使用artDialog。

调用的时候引入相关的js文件就可以了。

（1）这是引用artDialog的主要文件,skin就是你需要使用的皮肤

<script src="artDialog.js?skin=default"></script>

（2）如果你是使用的Jquery框架，则引入jQuery版本的

<scriptsrc="jquery.artDialog.js?skin=default"></script>

（3）如果你使用了iframe，那么你需要在引入iframeTools.js

<scriptsrc="artDialog.iframeTools.js"></script>