基于jquery ui的alert,confirm方案（支持换肤）

基于jQuery UI的Alert与Confirm方案：自定义换肤功能体验

一、前言介绍

今天为大家带来一个基于jQuery UI的alert和confirm方案，该方案不仅拥有强大的功能，还具备独特的换肤功能。这是由一位热心的网友提供的源码，经过修改和完善后呈现给大家。如果你正在寻找这样的解决方案，那么不妨参考下。

二、功能特点

1. 精美的标题样式：我们采用了jQuery UI的标题样式，不仅使alert和confirm对话框更为醒目，而且支持多种皮肤切换，可以根据你的喜好选择不同主题。

2. 独特的按钮样式：我们替换了默认的按钮样式，采用了jQuery UI的button按钮样式。这使得你的对话框更加美观，用户体验更佳。

3. 模式化窗口背景：我们将原有的背景样式替换为jQuery UI的模式化背景。这种背景不仅可以提升对话框的整体风格，还可以使界面更加协调统一。

三、如何使用？

使用此方案非常简单，只需要引入相关的jQuery和jQuery UI库文件，然后调用相关的函数即可实现alert和confirm对话框的展示。我们提供了详细的参数设置，你可以根据需要进行个性化配置。

四、源码分享

这个方案是基于网友的源码进行修改的，如果你对源码感兴趣，可以在我们的网站上找到相关的源码分享。你可以下载源码进行学习和研究，也可以根据自己的需求进行修改和优化。

代码引入部分：

我们需要引入jQuery以及相关的UI包和皮肤样式。以下是引入的脚本和样式表代码：

```html

```

接下来是自定义的弹出框功能实现部分：

在这个部分中，我们定义了一个名为`$.alerts`的对象，包含了弹出框的各种属性和方法。其中，`alert`、`confirm`和`prompt`方法用于显示不同类型的弹出框，可以根据需要定制消息内容和回调函数。`_show`、`_hide`等方法用于控制弹出框的显示和隐藏，以及一些私有方法用于处理弹出框的位置和大小等细节。我们还定义了一些快捷方法，如`jAlert`、`jConfirm`和`jPrompt`，方便使用弹出框功能。以下是实现的代码：

```javascript

(function($) {

$.alerts = {

// 属性设置...

verticalOffset: -75, // 弹出框垂直偏移量，单位像素

horizontalOffset: 0, // 弹出框水平偏移量，单位像素

repositionOnResize: true, // 窗口大小改变时重新定位弹出框

overlayOpacity: .01, // 遮罩层透明度

overlayColor: 'FFF', // 遮罩层颜色

draggable: true, // 是否允许拖动弹出框（需要jQuery UI Draggables插件支持）

okButton: ' 确认 ', // 确认按钮文本

cancelButton: ' 取消 ', // 取消按钮文本

dialogClass: null, // 如果指定了类名，将应用于所有弹出框

// 方法实现...

};

// 公共方法...

// 私有方法...

})(jQuery); // 使用jQuery对象作为参数传递给自执行函数

```

样式部分：

这部分定义了弹出框的样式，包括背景颜色、边框样式、图标等。可以根据需要进行自定义修改。以下是示例样式代码：

```css

popup_container { / 弹出框容器样式 / }

popup_content { / 弹出框内容样式 / }

popup_content.alert { / 警告类型弹出框内容样式 / }

popup_content.confirm { / 确认类型弹出框内容样式 / }

popup_content.prompt { / 提示类型弹出框内容样式 / }

popup_message { / 消息内容样式 / }

popup_panel { / 按钮面板样式 / }

popup_prompt { / 提示输入框样式 / }

当阳光洒满大地，Cambrian的每一寸土地都沐浴在金色的光芒之中。这里，山川秀美，草木葱茏。河流蜿蜒穿过广袤的原野，激起一阵阵涟漪，宛如大地的旋律。森林郁郁葱葱，绿意盎然，各种珍稀动植物和谐共生，共同演绎着生命的华章。

在这片神奇的土地上，历史与自然交融，传承与创新并行。古老的遗迹见证了Cambrian的辉煌过去，而现代文明则在这里留下了独特的印记。这里的建筑融合了传统与现代元素，既有古老的城堡，也有现代化的高楼大厦。街道干净整洁，商铺琳琅满目，各种文化、艺术、时尚元素在这里碰撞交融，激发出无限创意。

Cambrian的人民热情好客，善良友善。他们热爱生活，善于表达，无论是音乐、舞蹈、绘画还是文学，都能展现出独特的才华。在这里，你可以感受到浓厚的艺术氛围，体验到丰富多彩的文化活动。无论是参加盛大的节日庆典，还是品味地道的美食，都能让你深深感受到Cambrian的独特魅力。

当夜幕降临，Cambrian的夜空星光璀璨，如同撒在大地的钻石。这里的夜晚宁静而美好，让人沉醉其中。无论是漫步在河边，还是坐在窗前欣赏星空，都能让你感受到岁月的静好和生活的美好。

Cambrian是一个充满魅力的地方，这里有美丽的自然风光、丰富的历史文化、热情的人民和宁静的夜晚。这里的一切都让人流连忘返，仿佛置身于一个梦幻的仙境。如果你有机会来到这里，一定会被这里的美丽与魅力所吸引，留下难忘的回忆。