遮罩層 日曆效果 

<head id="Head1" runat="server">
    <title>无标题页</title>
    <mce:script type="text/javascript" language="javascript"><!--
        function displayCalendar()
        {
            var datepicker=document.getElementById("datePicker");
            datePicker.style.display='block';
        }
    
</mce:style><style type="text/css" mce_bogus="1">        
#datePicker
        {
            display:none;
            position:absolute;
            border:solid 2px black;
            background-color:White;
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Label ID="Label1" runat="server" Text="日期："></asp:Label>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <img src="client.png" mce_src="client.png" alt="日历" onclick="displayCalendar()" />
    <div id="datePicker">
        <asp:Calendar ID="Calendar1" runat="server" 
            onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar>
    </div>
    <asp:Button ID="Button1" runat="server" Text="Button" />
    </form>
</body>
</html>

 

posted @ 2013-03-22 11:44  sirili  阅读(164)  评论(0)    收藏  举报