<%@ page autoeventwireup="true" debug="true" inherits="_Default55, App_Web_59rphgcb" language="C#" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!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="../css/imagezoom.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">

   function ShowPanContainer()

   {

       var dragContainer = $get('<%=panContainer.ClientID%>');

       if (!dragContainer) return;

       dragContainer.style.visibility = 'visible'

       $get('btnShowContainer').disabled = true;

   }

 

   function HidePanContainer()

   {

       var dragContainer = $get('<%=panContainer.ClientID%>');

       if (!dragContainer) return;

       dragContainer.style.visibility = 'hidden'

       $get('btnShowContainer').disabled = false;

   }

    </script>

    <script src="../js/jquery-1.7.1.min.js"type="text/javascript"></script>
    <script src="../js/zoom.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript" >
$(function(){
	$('.gallery').imagezoom({
		IMGDIR: 'images/zoom', $dialogId: '#j_zoomphoto', thumb: { MaxW : 350 }
	});
});
    </script>
</head>
<body style="height: 1000px;">
    <div id="gallery" class="gallery">
        <ul>
            <li>
                <img alt="1" class="zoom" src="../images/t1.jpg" title="1" zoomfile="../images/t1.jpg" /></li>
            <li>
                <img alt="2" class="zoom" src="../images/t2.jpg" title="2" zoomfile="../images/t2.jpg" /></li>
            <li>
                <img alt="3" class="zoom" src="../images/t3.jpg" title="3" zoomfile="../images/t3.jpg" /></li>
        </ul>
    </div>
    <div id="j_zoomphoto" class="dialogWrap">
        <div class="zoominner">
            <h3 class="titauto">
                <span class="zoomBtn"><a class="zoom_imglink" href="#" title="在新窗口打开">在新窗口打开</a> <a
                    class="zoom_imgadjust" href="#" title="实际大小">实际大小</a> <a class="zoom_imgclose" href="#"
                        title="关闭">关闭</a> </span>鼠标滚轮缩放图片
            </h3>
            <div style="width: auto; height: auto;">
                <p class="imgzoom_zoom">
                </p>
                <p class="zoomTitle">
                    11</p>
            </div>
        </div>
    </div>
    <div id="overlay01">
    </div>
    <form id="form1" runat="server">
  
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:FileUpload ID="FileUpload1" runat="server" />
        <asp:Panel ID="Panel2" runat="server" Height="50px" Width="125px">
       
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        </asp:Panel>
        <asp:Panel ID="Panel1" runat="server" >
        
        <asp:GridView ID="GridView1" runat="server">
        </asp:GridView>
        </asp:Panel>
        <cc1:DragPanelExtender ID="DragPanelExtender1" runat="server" DragHandleID="Panel1"
            TargetControlID="Panel1">
        </cc1:DragPanelExtender>
        <br />
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        <input id="btnShowContainer" onclick="ShowPanContainer()" type="button" value="打开拖拽面板" />
        <%--拖曳面版（DragPanel）的容器--%>
        <asp:Panel ID="panContainer" runat="server" Style="visibility: hidden; width: 350px;
            height: 160px; border: 2px solid #82B324">
            <%--拖曳面版（DragPanel）的标题--%>
            <asp:Panel ID="panHeader" runat="server" Style="height: 26px; cursor: move; border-bottom: 2px solid #82B324;
                background-color: #EEF5CC; font-weight: bold; vertical-align: middle; line-height: 26px;">
                <div style="float: left;">
                    &nbsp;&nbsp;应用设置</div>
                <img alt="" onclick="HidePanContainer()" src="images/close.gif" style="float: right;
                    cursor: pointer; margin: 2px 5px;" title="关闭" /></asp:Panel>
            <%--拖曳面版（DragPanel）的内容--%>
            <asp:Panel ID="panBody" runat="server">
                <ul style="list-style: none; font-size: 14px; line-height: 16px;">
                    <li>
                        <input id="Checkbox2" type="checkbox" />看到好友的动态</li>
                    <li>
                        <input id="Checkbox1" type="checkbox" />让好友看到我的动态</li>
                    <li>
                        <br />
                        <input id="Button2" type="button" value="保存设置" /></li>
                </ul>
            </asp:Panel>
        </asp:Panel>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <Triggers >
        
        <asp:AsyncPostBackTrigger ControlID ="Button3" />
        </Triggers>
        </asp:UpdatePanel>
        <asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="dsfdsfsfd" />
     
        <%--拖曳面版（DragPanel）控件--%>
        <cc1:DragPanelExtender ID="DragPanelExtender2" runat="server" DragHandleID="panHeader"
            TargetControlID="panContainer">
        </cc1:DragPanelExtender>

        <script type="text/javascript">

        function setBodyHeightToContentHeight() {

            document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) + "px";

        }

        setBodyHeightToContentHeight();

        window.attachEvent('onresize', setBodyHeightToContentHeight);

        </script>
    </form>
</body>
</html>
