artDialog弹出框控件资源-CSDN文库

共150个文件

png：94个

html：24个

css：12个

需积分: 9 134 浏览量 2019-05-06 22:53:07 上传评论收藏 491KB ZIP 举报

**artDialog弹出框控件** 是一个轻量级、高效能的Web对话框组件，专为网页开发者设计。它的核心特点在于体积小巧，压缩后仅有十多KB，这意味着它可以在几乎不影响页面加载速度的情况下提供丰富的功能。此外，该组件的一大亮点是其独立性，它不依赖任何其他JavaScript框架，使得在各种开发环境中都能方便地集成和使用。 **主要功能与特性：** 1. **多功能对话框**：artDialog提供了多种类型的对话框，如警告、确认、信息提示等，满足不同场景的需求。 2. **自定义内容**：用户可以自由插入HTML代码或者JavaScript动态生成内容，实现高度定制化的对话框界面。 3. **样式可配置**：组件提供了丰富的CSS样式，允许调整对话框的外观，包括尺寸、颜色、边框等，以匹配网站的整体风格。 4. **事件处理**：支持点击、关闭、加载等事件的绑定，便于进行交互逻辑的控制。 5. **模态对话框**：artDialog可以创建模态对话框，防止用户在弹出框显示时操作页面其他部分。 6. **非模态对话框**：同时提供非模态对话框，允许用户同时操作对话框和其他页面元素。 7. **拖动功能**：对话框支持拖动，用户可以根据需要调整其位置。 8. **定位与自动居中**：可以设置对话框相对于屏幕或某个元素的绝对位置，也可自动居中。 9. **动画效果**：打开和关闭对话框时有平滑的过渡动画，提升用户体验。 10. **可扩展性**：通过插件机制，可以轻松扩展其功能，例如添加按钮、计时器、iframe嵌入等。 **使用方法：** 1. **引入资源**：首先需要在页面中引入artDialog的CSS和JavaScript文件，通常是在`<head>`标签内。 2. **初始化对话框**：通过JavaScript调用artDialog函数，传入必要的参数，如标题、内容、宽度、高度等。 3. **配置选项**：可以设置回调函数、是否模态、是否自动关闭等选项。 4. **触发对话框**：在适当的时间点（如点击按钮事件）触发对话框的显示。 **示例代码**： ```html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="path/to/artDialog.css"> <script src="path/to/artDialog.js"></script> </head> <body> <button onclick="showDialog()">点击打开对话框</button> <script> function showDialog() { art.dialog({ title: '对话框标题', content: '这是对话框的内容', width: 400, height: 200, ok: function () { console.log('点击了确定按钮') }, cancel: function () { console.log('点击了取消按钮') } }); } </script> </body> </html> ``` 在提供的压缩包`artDialog_v4.1.7`中，可能包含以下内容： - `artDialog.css`：主样式文件，定义对话框及其元素的样式。 - `artDialog.js`：主JavaScript文件，实现了对话框的核心功能。 - `images` 文件夹：存放对话框所需的图片资源，如图标、背景等。 - 可能还有其他辅助文件，如许可证文件、示例代码、文档等。通过这个组件，开发者可以快速构建具有专业水准的对话框交互，提高网页应用的用户体验。在实际项目中，结合具体的业务需求，可以灵活运用artDialog的各种特性，打造出符合用户需求的交互式对话框。

资源推荐

资源详情

资源评论

收起资源包目录

artDialog弹出框控件（150个子文件）

green.css 8KB

black.css 8KB

blue.css 8KB

default.css 8KB

opera.css 7KB

aero.css 7KB

idialog.css 7KB

chrome.css 6KB

twitter.css 6KB

simple.css 6KB

demo.css 6KB

magula.css 2KB

commercial_license.doc 13KB

opensource.gif 3KB

loading.gif 381B

API.html 29KB

test.html 28KB

plugin.iframe.html 22KB

log.html 12KB

index.html 10KB

labs.html 9KB

export.html 5KB

new.html 5KB

iframeTop.html 4KB

license.html 4KB

login_iframe.html 4KB

googleMaps.html 3KB

down.html 2KB

login_iframe_2.html 2KB

iframeA.html 2KB

iframe.html 1KB

iframeB.html 1KB

iframe_frameset.html 629B

frameset.html 605B

topFrame.html 533B

helloWorld.html 302B

content.html 224B

photo.jpg 43KB

alipay.jpg 7KB

artDialog.source.js 53KB

jquery.artDialog.source.js 33KB

artDialog.js 24KB

highlight.js 18KB

jquery.artDialog.js 16KB

highlight.pack.js 12KB

iframeTools.source.js 12KB

iframeTools.js 4KB

demo.js 4KB

javascript.js 2KB

content.json 160B

LICENSE 1KB

bg.png 96KB

bottom.png 53KB

logo.png 10KB

doc.png 9KB

face-smile.png 7KB

face-sad.png 7KB

idialog_s.png 4KB

text.png 4KB

bg.png 3KB

color_bg.png 3KB

bg.png 3KB

s1.png 3KB

lixiaolong.png 3KB

aero_s.png 2KB

aui_n.png 2KB

bg_css3.png 2KB

succeed.png 2KB

bg_css3.png 2KB

error.png 2KB

question.png 2KB

aui_n.png 2KB

aui_close.png 2KB

aui_close.hover.png 2KB

warning.png 2KB

s.png 1KB

aui_w.png 1KB

aui_e.png 1KB

chrome_s.png 1KB

n.png 1KB

close.hover.png 1KB

close.hover.png 1000B

aui_s.png 971B

close.hover.png 961B

n.png 947B

n.png 925B

e.png 878B

w.png 866B

w.png 829B

e.png 828B

e.png 822B

close.png 814B

aui_e.png 800B

aui_w.png 796B

s.png 776B

s.png 771B

共 150 条

评论收藏

内容反馈

lijunli66

粉丝: 0
资源: 1

artDialog弹出框控件

aui-artDialog弹出框

artDialog 弹窗插件 4.0

artDialog经典优雅的网页对话框控件

asp.net表单验证及artDialog弹出框

JS中artdialog弹出框控件之提交表单思路详解

artDialog弹出框

artDialog页面弹出框

artDialog弹出框效果

artDialog对话框控件

jquery 弹出框插件artDialog

artDialog_Demo

artDialog4.0.5

jquery 弹出窗口，可缩放，可拖拽

art dialog弹出控件

aui-artDialog

不错的JS弹出对话框插件 artDialog

jquery实现弹出框artDialog

artDialog 漂亮的javascript对话框(弹出层)组件

artDialog弹出模式窗API

artDialog 弹出层插件（4星级）

医护微定制应用产品开发中的高级搜索面板

plupload+artdialog实现多平台上传文件

很炫的对话框

JEECG UI标签库帮助文档

JEECG UI标签库帮助文档v3.3

弹出层控件

artDialog 2 漂亮的网页弹出框插件升级版

基于jQuery的artDialog 弹出窗插件效果 4.1.7.zip

最新artDialog精美弹出层

最新资源