页面调用JS:

曾经在 IE8 , firefox3.0.11底下测量检验通过

    $(document).ready(function() {
      $("#delete_without_layer").click(function () {
        $.tConfirm.open({body:'Are you sure to delete?',type:'confirm',onOk:function(){
          alert("yes");
        }});
      });
      $("#delete_with_layer").click(function () {
        $.tConfirm.open({overlay:true,body:'Are you sure to delete?',type:'confirm',onOk:function(){
          alert("yes");
        }});
      });
      $("#information").click(function () {
        $.tConfirm.open({body:'This is confirm box based on fancybox!',type:'info',onOk:function(){
          alert("yes");
        }});
      });
      $("#success").click(function () {
        $.tConfirm.open({body:'Save success!',type:'success',onOk:function(){
          alert("yes");
        }});
      });
      $("#error").click(function () {
        $.tConfirm.open({body:'Some fields are wrong!',type:'error',onOk:function(){
          alert("yes");
        }});
      });   $("#warning").click(function () {
        $.tConfirm.open({body:'Someone login, it\'s not real user!',type:'warning',onOk:function(){
          alert("yes");
        }});
      });
    });

复制代码 代码如下:

永利开户送38元体验金 1

$.extend({
includePath: ”,
include: function(file)
{
var files = typeof file == “string” ? [file] : file;
for (var i = 0; i < files.length; i++)
{
var name = files[i].replace(/^\s|\s$/g, “”);
var att = name.split(‘.’);
var ext = att[att.length – 1].toLowerCase();
var isCSS = ext == “css”;
var tag = isCSS ? “link” : “script”;
var attr = isCSS ? ” type=’text/css’ rel=’stylesheet’ ” : ”
language=’javascript’ type=’text/javascript’ “;
var link = (isCSS ? “href” : “src”) + “='” + $.includePath + name +
“‘”;
if ($(tag + “[” + link + “]”).length == 0) document.write(“<” + tag

Figure 1. common confirm

  • attr + link + “></” + tag + “>”);
    }
    }
    });
    $.include([‘script/jquery.divbox.js’,’/css/pop_win.css’]);
    $(document).ready(function()
    {
    var IsFirstAlert = true;
    var alertQueue = [];
    window.alert = showAlert;
    var divalert = “”;
    divalert += “<div style=\”width:380px; height:180px;
    overflow:hidden;display:none\” id=\”divAlert\”>”;
    divalert += ” <div class=\”win_c\”>”;
    divalert += ” <div class=\”win_t\” id=\”\”>”;
    divalert += ” <div class=\”mail_timg\”
    ><h3>TITLE<\/h3><\/div>”;
    divalert += ” <div class=\”clear\”><\/div>”;
    divalert += ” <\/div>”;
    divalert += ” <div class=\”alrt2\”
    style=\”text-align:center\”>”;
    divalert += ” <span id=\”spaAlertMessage\” class=\”f14
    ifont\”><\/span><br \/>”;
    divalert += ” <div class=\”clear\”><\/div>”;
    divalert += ” <\/div>”;
    divalert += ” <p class=\”Acenter\”><input id=’alertClose’
    type=\”button\” value=\”确定\” class=\”btn7\” \/>    <input
    type=\”reset\” value=\”取消\” style=\”display:none\”
    class=\”btn8\” \/><br \/><br \/><\/p>”;
    divalert += ” <p> <\/p>”;
    divalert += ” <\/div>”;
    divalert += ” “;
    divalert += “<\/div>”;
    $(“body”).append(divalert);
    function showAlert(info)
    {
    alertQueue.push(info);
    if (IsFirstAlert)
    {
    IsFirstAlert = false;
    OpenAlert();
    }
    }
    $(“#alertClose”).click(function()
    {
    $(‘#divAlert’).CloseDiv()
    if (alertQueue.length > 0)
    {
    setTimeout(OpenAlert, 150);
    }
    });
    function OpenAlert()
    {
    $(“#spaAlertMessage”).html(alertQueue[0]);
    alertQueue.splice(0, 1);
    $(“#divAlert”).OpenDiv();
    }
    });

永利开户送38元体验金 2

注:以上援用js与CSS的jquery插件

Figure 2. confirm box with layer

你恐怕感兴趣的小说:

  • jquery.alert
    弹出式复选框达成代码
  • 依赖jQuery的弹出新闻插件
    DivAlert之旅(一)
  • 根据jQuery的新闻提示插件
    DivAlert之旅(二)
  • JQuery的Alert信息框插件使用介绍
  • jQuery)扩大jQuery连串之一
    模拟alert,confirm(一)
  • 依据jquery的弹出提醒框始终处在窗口的居中地点(类似于alert弹出框的法力)
  • jQuery绑定事件不进行但alert后方可健康实践
  • 永利开户送38元体验金,自编jQuery插件实现模拟alert和confirm
  • jQuery提醒插件alertify使用指南
  • jquery
    斯威特Alert插件落到实处响应式提示框
  • jQuery达成摸拟alert提醒框

永利开户送38元体验金 3

Figure 3. error box

永利开户送38元体验金 4

Figure 4. success box

永利开户送38元体验金 5

Figure 5. warning box

源码下载:

你恐怕感兴趣的篇章:

  • jquery.alert
    弹出式复选框实现代码
  • 依照jQuery的弹出音讯插件
    DivAlert之旅(一)
  • 据书上说jQuery的音讯提醒插件
    DivAlert之旅(二)
  • JQuery的Alert新闻框插件使用介绍
  • jQuery)扩充jQuery连串之一
    模拟alert,confirm(一)
  • 据书上说jquery的弹出提示框始终高居窗口的居中地点(类似于alert弹出框的意义)
  • 用Jquery重写windows.alert方法落成思路
  • jQuery绑定事件不施行但alert后方可正常实行
  • 自编jQuery插件达成模拟alert和confirm
  • jQuery提醒插件alertify使用指南
  • jquery
    SweetAlert插件完成响应式提示框

相关文章