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

基于jQuery的窗口插件:jMessageBox

 2009-12-10 00:00:00 来源:WEB开发网   
核心提示: 示例2: 普通调用jQuery.jMessageBox.show('系统消息','您好!');代码也很简单,不是吗?虽然可以改变标题的内容了,基于jQuery的窗口插件:jMessageBox(2),但这个方法你还是无法控制“是”那个按钮的

基于jQuery的窗口插件:jMessageBox

示例2: 普通调用

jQuery.jMessageBox.show('系统消息', '您好!');

代码也很简单,不是吗?虽然可以改变标题的内容了,但这个方法你还是无法控制“是”那个按钮的动作,点击它就只是关闭窗口。

效果图:

基于jQuery的窗口插件:jMessageBox

示例3: 复杂调用

 jQuery.jMessageBox.show({
  width : 350,
  title : '系统消息',
  message : '是否继续下一步操作?',
  yesButton : {
   text  : '是',
   click : function(){
    jQuery.jMessageBox.hide();
   }
  },
  noButton : {
   text  : '否',
   click : function(){
    jQuery.jMessageBox.hide();
   }
  },
  cancelButton : {
   text  : '取消',
   click : function(){
    jQuery.jMessageBox.hide();
   }
  },
  bottom : {
   text : '说明: 如果你想继续操作,请点击"是"!',
   click : function(){
    alert('你在点我吗?');
   }
  }
 });

在本示例中,我们定义了:窗口的宽度;标题;内容;yes按钮的文字与动作;no按钮的文字与动作;cancel按钮的文字与动作;底部的文字说明与动作。

Tags:基于 jQuery 窗口

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