`

仿alert、confirm做的多风格js提示框

阅读更多


演示地址:http://bbs.okajax.com/demo/31/

组件名称:
ymPrompt消息提示组件 2.0

组件说明:
在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框实现了该组件。在外观上可以通过css进行完全的控制。

组件功能介绍:
1、调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。
2、兼容IE6.0+、FF1.5+、Opear9+(在Opear下显示有一个小缺陷),兼容HTML4/XHTML1.0页面渲染模式。
3、完全的CSS皮肤定制功能,所有外观包括显示图标/关闭按钮等都可以通过css设置。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。
4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe等元素。
6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。
7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。
8、可以页面加载的任意时间调用,如页面初始化时调用,页面加载完成后调用。
9、支持通过JSON和传统的参数传入方式。如ymprompt.alert('消息内容',300,200,'消息标题',handler)和ymprompt.alert({message:'消息内容',width:300,height:200,title:'消息标题',handler:handler}),这两种写法是等价的。
10、只需要一个回调函数,可捕获确定、取消及关键按钮的点击事件。函数改变了1.0版需要对确定和取消按钮分别写回调函数及不支持关闭事件的缺陷,
11、完全的封装,对外只暴露一个ymPrompt变量,有效防止与使用者程序变量的冲突。
12、程序(js)与样式(css)的完全分离,取消了1.0中自动加载css的功能,用户可根据需要加载对应css样式表单,降低了对样式配置的复杂度。

进入本站下载链接

官方网站:http://www.ajaxbbs.net/ymPrompt2.0/

分享到:
评论

相关推荐

    JS提示框美化 alert confirm wait 美化

    在JavaScript编程中,`alert`、`confirm`和`wait`是三种常见的用户交互功能,它们用于向用户显示信息、获取确认或暂停程序执行。在默认情况下,这些对话框的样式较为简单,不符合现代Web应用的美观标准。针对这一...

    仿IOS风格操作提示插件tips alert confirm

    本话题关注的是一个仿iOS风格的操作提示插件,它提供了"提示"(tips)、"警告"(alert)和"确认"(confirm)三种基本功能,旨在为非iOS平台的Web应用带来类似iOS系统的操作反馈体验。 首先,我们来看“提示”(tips...

    alert和confirm弹出框样式美化.zip

    标题“alert和confirm弹出框样式美化.zip”提示我们这个压缩包包含的是关于如何自定义和美化`alert`和`confirm`弹出框的内容,使它们更加符合网页的整体设计风格。 描述中提到,这个资源可以让我们自定义弹出框的...

    alert提示框(多种样式)

    资源文件中,如"js_alert_confirm_ystck(jb51.net).rar"可能包含一个JavaScript库,提供了增强版的alert和confirm函数,支持自定义样式和回调函数。"jiaoben3281.rar"可能是一个包含各种提示框设计示例的代码集。"好...

    美化js系统函数alert,confirm,prompt,并实现lightbox效果

    在JavaScript编程中,系统内置...通过自定义样式和JavaScript编程,我们可以创建与网站设计相匹配的提示框,并提供更高级的图片浏览体验。这些技能对于前端开发者来说是非常实用的,也是构建高质量网页应用的关键部分。

    js模拟Confirm、alert弹框,可以修改文字颜色。

    可以直接调用,操作方便,调用代码如下: jConfirm('Can you confirm this,<span am red.</span>?', 'Confirmation Dialog', function(r) { });

    (alert/confirm/prompt)javaScript实现

    `alert`函数是JavaScript中最基础的提示框,它通常用于向用户展示一个简单的消息。调用`alert('message')`会在浏览器中弹出一个对话框,显示指定的消息,并有一个确定按钮关闭窗口。这个功能在调试和简单的用户通知...

    JQuery Alert、confirm、prompt提示框插件.zip

    为了解决这个问题,开发者们创建了各种jQuery插件来增强这些提示框的功能和视觉效果,"JQuery Alert、confirm、prompt提示框插件.zip"便是这样一个资源。 这个插件可能包含了自定义设计的alert对话框、confirm...

    alert confirm

    在网页开发中,JavaScript 提供了三种用于与用户交互的内置对话框:`alert`、`confirm` 和 `prompt`。这些方法可以帮助开发者在页面上弹出消息,获取用户输入,或者请求用户的确认。 1. **警告消息框 `alert`** `...

    SweetAlert 提示框 带6种demo

    - **SweetAlert** 是一个独立的JavaScript库,用于创建高度定制的提示框。它允许开发者在用户界面上添加各种类型的警告或提示信息,如警告消息、成功提示、错误信息、询问对话框等。 - **轻量级**:SweetAlert的...

    js alert confirm样式弹出框.zip

    总的来说,"js alert confirm样式弹出框.zip"项目展示了如何通过前端技术自定义JavaScript内置对话框的样式,以提供更加美观和一致的用户体验。这涉及到HTML5结构化内容、CSS样式设计以及jQuery的事件处理和DOM操作...

    关于alert,message,confirm三种弹出层的说明

    alert、message、confirm三种弹出层是JavaScript中常用的交互方式,它们都是基于JQuery拓展控件SimpleModal实现的。SimpleModal提供了弹出层的主要功能,我们只要调节一下样式,然后再设置按钮添加一些基本事件就好...

    js提示框制作js文字提示框,js图片提示框

    1. **基本的JavaScript提示框:alert()** JavaScript 提供了 `alert()` 函数,用于弹出一个带有单一按钮的警告对话框,通常用于简单的信息提示。例如: ```javascript alert("这是一条文字提示信息!"); ``` 这...

    超漂亮的弹出框,alert,confirm,AJAX弹出层有一套自己的统一风格

    弹出框是网页中用于提示、确认或获取用户输入的重要工具,常见的有alert、confirm和prompt三种原生JavaScript弹出框。Alert框通常用来显示警告信息,只有一个确定按钮;Confirm框用于确认操作,包含“确定”和“取消...

    仿windows系统提示框,popup提示框

    "仿Windows系统提示框,popup提示框"是UI设计中的一个重要元素,它模仿了微软Windows操作系统中常见的警告、信息或询问对话框,以提供给用户即时反馈。这样的提示框通常具有鲜明的黄色背景,以吸引用户的注意力,...

    js提示框特效js提示框特效js提示框特效js提示框特效

    传统的JavaScript提示框包括`alert()`, `prompt()`, 和 `confirm()`,但这些内置方法功能有限,样式单一,无法满足现代网页设计的需求。 `jslizi`可能是一个包含自定义JavaScript提示框特效的代码库或者示例文件。...

    好用的漂亮提示框,js提示框

    通过自定义的JavaScript提示框,开发者可以创造出既美观又实用的交互体验,从而提高用户的满意度和产品的整体品质。在实际项目中,我们可以根据具体需求选择合适的库或框架,结合提供的API文档,快速实现个性化提示...

    JQuery Alert 弹出框美化(Alert, Confirm, & Prompt Replacements)

    jQuery Alert 插件则提供了自定义模板、主题、回调函数等特性,使开发者能够创建出符合网站风格且功能强大的弹出提示框。 1. **自定义模板**:jQuery Alert 允许开发者通过HTML和CSS定义弹出框的外观,可以根据品牌...

    jQuery模拟alert confirm prompt等

    在项目中的`jQueryConfirmTips.html`文件很可能是演示这些自定义提示框效果的网页,而`jQueryConfirmTips.js`则是实现这些功能的JavaScript代码。通过分析这个JavaScript文件,你可以看到如何将DOM元素与事件处理...

Global site tag (gtag.js) - Google Analytics