WEB开发网
开发学院网页设计JavaScript 基于jQuery的窗口插件:jMessageBox 阅读

基于jQuery的窗口插件:jMessageBox

 2009-12-10 00:00:00 来源:WEB开发网   
核心提示:在WinForm程序开发中,经常用MessageBox弹出某些提示,基于jQuery的窗口插件:jMessageBox,功能虽简单但却非常的实用!而在Web页面中,浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口,JS则是负责调用,如下面示例:示例1: 简单调用jQuery.jMessageBox.s

在WinForm程序开发中,经常用MessageBox弹出某些提示,功能虽简单但却非常的实用!而在Web页面中,浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口,如下图:

基于jQuery的窗口插件:jMessageBox   基于jQuery的窗口插件:jMessageBox

但是这些弹出来的窗口的样式非常的单调无法设置,并且窗口标题还根据不同的浏览器显示不同的标题内容,非常的丑陋!对于高审美观的现代人来说,就大打折扣了!

jQuery现在这么流行、这么火,但网上却好像还是没有提供类似于MessageBox的插件(或者只是我没有找到而已),类似的模式窗口插件倒是有一大堆,但这都不是我想要的。没现成的,就只好花点时间将我以前写的基于我的个人JS框架的MessageBox移值过来,也就是本文的 JMessageBox。

它的使用非常的简单 CSS + JS搭配使用。CSS是用于定制窗口的样式(具体示例可参考文后的源码包中的CSS样式文件),JS则是负责调用,如下面示例:

示例1: 简单调用

jQuery.jMessageBox.show('Hello word!');

代码很简单吧?是不是找到了MessageBox中的感觉?但这个方法你无法控制标题的内容(其实可以通过改变配置参数来改变标题)和“是”那个按钮的动作,点击它就只是关闭窗口。

效果图:

1 2 3  下一页

Tags:基于 jQuery 窗口

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接