thickbox 弹出层

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="myTestDiv.aspx.cs" Inherits="WebForm.myTestDiv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
        <link href="http://stcsscn.s-msn.com/daren/css/thickbox.css" rel="stylesheet" type="text/css" />
        <script src="http://stcsscn.s-msn.com/daren/js/jquery-1.4.1.min.js" type="text/javascript"></script>
        <script src="http://stcsscn.s-msn.com/daren/js/thickbox.js" type="text/javascript"></script>
        <style type="text/css">
           .icon_close{text-align:right; height:26px;}
        </style>

        <script  type="text/javascript">
    
            String.prototype.Format = function () {
                if (arguments.length == 0) return this;
                var temp = new Array();
                var arg = arguments;
                for (var i = 0; i < arguments.length; i++)
                    temp.push(arguments[i])
                var i = 0
                return (this.replace(/\{\d+\}/g, function (a) { return temp[i++] }))
            }
           
            //alert("aaa{0}bbb{1}ccc ".Format2(" ", "333 "));


            function lottery(campId)
             {
                 $.post(
                    "data/williamTest.ashx",
                    {
                        rpt: "lottery",
                        campid: campId,
                        r: Math.random()
                    },
                    function (data) {
                        var msg = data;
                        $("#lblMessage").html(msg);
                    },
                     "text");

                    tb_show("Good!", "#TB_inline?height=257&width=444&inlineId=alertBox&modal=true", true);

                    /*

                    $("#divShow").css("display", "block");
                    $("#divInput").css("display", "none");

                    var msgTitle = "";
                    switch (campId)
                    {
                    case "1":
                    msgTitle = "我在<span style='color:red; margin-left:5px;'>{0}</span>,靠近{1}!天气:{2} <br/>Hello Good!";
                    $("#lblMessage").html(msgTitle.Format('北京', '河北',"晴"));
                    break;
                    case "2":
                    msgTitle = "2222";
                    break;
                    default:
                    msgTitle = "space default";
                    break;
                    }

                    */

                    /*
                    var lblContent = "<span style=\"font-size:18px;\">{0}</span><br /><span style=\"font-size:18px;\">{1}</span><br /><br /><span style=\"font-size:14px;color:red;\">{2}</span>";
                    var lblContentDesc = "<br /><br />";  //william 箭头去掉
                    $("#divShow").css("display", "block");
                    $("#divInput").css("display", "none");
                    */

                 
             }

        </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
         <a href="javascript:lottery('2');">AAA</a>
        </div>

    <div id="alertBox" style="display:none; position:absolute; ">
        <div style="background:url(http://stimgcn2.s-msn.com/daren/images/pop_bg.jpg) no-repeat; width:334px; height:599px;">
            <div class="icon_close"><a href="javascript:void(0);" οnclick="tb_remove()"><img src="http://stimgcn3.s-msn.com/daren/images/icon_close.gif" width="26" height="26" border="0" /></a></div>
              <div id="divShow">                   
                        <span id="lblMessage">aaa</span>
              </div>

                <div id="divInput">                   
                       For Input
              </div>
              
           </div>
    </div>
    </form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值