手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

artDialog怎么使用

时间:2024-10-12 20:19:28

artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架。现在我来教大家如何在项目去使用它

工具/原料

artDialog对话框组件

1。获得

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

2、目录如下

artDialog怎么使用

二。导入项目

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

2、不依赖导入<script type ="text/javascript" src="./Extend/artdialog/artDialog.js?skin=default"></script>其中./Extend/artdialog/为存放目录?skin=default,skin=皮肤,这里的皮肤指的是在skins目录下对应的.css文件

artDialog怎么使用
artDialog怎么使用

3、依擅糗菰怅赖jquery库那么就应该先导入jquery库,后面导入<script type="text/javascript" src="./Extend/artdialo爿讥旌护g/jquery.artDialog.js?skin=default"></script>注意是jquery.artDialog.js,不是artDialog.js,其他和上面提到一样。

artDialog怎么使用

三。使用

1、演示代码: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怎么使用
artDialog怎么使用

2、表现如下:

artDialog怎么使用
© 手抄报圈