posts - 66, comments - 12, trackbacks - 0, articles - 0

jquery boxy 使用 转载

Posted on 2009-10-13 10:20 cyantide 阅读(1308) 评论(0)  编辑  收藏 所属分类: html、script

弹出对话框:


alert对话框
Boxy.alert("内容",动作);
$('#ask-actuator').click(function() {
  Boxy.alert("Alert! Alert!", function() { alert("Alert closed!"); });
  return false;
  });


确认对话框
Boxy.confirm("内容",动作,{参数});
$('#ask-actuator').click(function() {
  Boxy.confirm("Please confirm?", function() { alert("Confirmed!"); });
  return false;
  });


//弹出询问框
Boxy.ask("内容", {"按钮值1":"按钮1", "按钮值":"按钮2"}, "动作", {参数});
  $('#ask-actuator').click(function() {
    Boxy.ask("这里是询问内容?", ["按钮1", "按钮2", "按钮3"], function(val) {
  if(val=="按钮3"){
    alert('哈哈,被你选了');
  }else{
    alert("您选择了按钮"+val);
    }
    }, {title: "这里是标题"});
    return false;
  });
$('#ask-actuator').click(function() {
  Boxy.ask("这里是询问内容?",
      {"1":"按钮1", "2":"按钮2"},  //"1代表值"  "按钮1"代表名称
      function(val) { alert(val); },
      {title: "这里是标题"}
      );
  return false;
});

自定义弹出对话框
$('#cs').click(function() {
  
              new Boxy("<div><a href='#' onclick='Boxy.get(this).hide();'>这里是内容</a>"+
        "<a href='#' onclick='Boxy.get(this).tween(400, 400);return false;'>变大</a></div>",
        {
          title:"你好",        //标题
        closeText:"[关闭]",            //关闭文字
        modal:true,        //背景是否变暗
        fixed:true,        //窗口是否固定
        cache:true,        //是否被遮挡
        draggable:true,      //这个设定窗口是否可以拖动,要定义title才有效,设定了modal就无效
        center:true,        //弹出对话框是否居中
        x:50,
        y:50,            //设定窗口位置值为%多少,设定此后center会被覆盖
        afterDrop:function(){},    //关闭对话框后执行的{IE下面关闭不了,原因不明}
        afterShow:function(){},    //打开对话框后执行的
        afterHide:function(){}    //隐藏对话框后执行的

        });
              return false;
});


只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问