仿google分布效果

  <title></title>
    <style type="text/css">
      .btnCss
      {
          text-decoration: none;
            color: Blue;
            border:none;
            cursor:pointer;
          }
      .btnBg
      {
          text-decoration: none;
            color: Black;
            border:none;
            cursor:pointer;
       
          }
    </style>
    <script src="js/Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#TextBox1').focus(function () {
                $('#TextBox1').val('');
            })


        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
       <ContentTemplate>
      
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            Width="689px">
            <Columns>
                <asp:BoundField DataField="Id" HeaderText="编号" />
                <asp:BoundField DataField="NewsTitle" HeaderText="标题" />
                <asp:BoundField DataField="NewsContent" HeaderText="内容" />
                <asp:BoundField DataField="CreateTime" HeaderText="创建时间" />
            </Columns>
        </asp:GridView>
        <br />


            <asp:Button ID="btnPre" runat="server" onclick="btnPre_Click" Text="上一页" />
            <%-- <span id="num1">1</span><span id="Span1">2</span><span id="Span2">3</span>
             <span id="Span3">4</span><span id="Span4">5</span><span id="Span5">6</span>
             <span id="Span6">7</span><span id="Span7">8</span><span id="Span8">9</span>
             <span id="Span9">10</span>--%>
            <asp:Button ID="Button1" CssClass="btnCss" runat="server" Text="1" 
            onclick="Button1_Click" />
            <asp:Button ID="Button2" CssClass="btnCss" runat="server" Text="2" 
            onclick="Button2_Click" />
            <asp:Button ID="Button3" CssClass="btnCss" runat="server" Text="3" 
            onclick="Button3_Click" />
            <asp:Button ID="Button4" CssClass="btnCss" runat="server" Text="4" 
            onclick="Button4_Click" />
            <asp:Button ID="Button5" CssClass="btnCss" runat="server" Text="5" 
            onclick="Button5_Click" />
            <asp:Button ID="Button6" CssClass="btnCss" runat="server" Text="6" 
            onclick="Button6_Click" />
            <asp:Button ID="Button7" CssClass="btnCss" runat="server" Text="7" 
            onclick="Button7_Click" />
            <asp:Button ID="Button8" CssClass="btnCss" runat="server" Text="8" 
            onclick="Button8_Click" />
            <asp:Button ID="Button9" CssClass="btnCss" runat="server" Text="9" 
            onclick="Button9_Click" />
            <asp:Button ID="Button10" CssClass="btnCss" runat="server" Text="10" 
            onclick="Button10_Click" />
            <asp:Button ID="btnNext" runat="server" onclick="btnNext_Click" Text="下一页" />
    
    </div>


     </ContentTemplate>
    </asp:UpdatePanel>

原文地址:https://www.cnblogs.com/qiqiBoKe/p/3103096.html