DIV CSS 佈局教程網

這個控件非常好用……哈哈，有些時候，我們需要在系統中顯示一些信息，又不希望這些信息通過頁面滾動而不能在頁面固定展示，例如廣告……哈哈，所以就可以用這個控件了…… AlwaysVisibleControl的用法也是很簡單，首先在頁面放一個AlwaysVisibleControl控件，然後設置它的TargetID為要一直顯示的控件，例如一個Panel的ID，這樣就可以，如果你需要，還可以設置它的停靠位置，上下左右還是居中，全都是你說了算…… 放代碼吧：

        <ASP:Panel ID="LeaveMessage" runat="server" Width="250px" BackColor="White" ForeColor="DarkBlue"
            BorderWidth="2" BorderStyle="solid" BorderColor="DarkBlue" Style="z-index: 1;">
            <div style="width: 100%; height: 100%; vertical-align: middle; text-align:left;">
                <p>
                    給我留言:</p>
                &nbsp;&nbsp;&nbsp;<ASP:TextBox runat="server" />
                <input type="button" value="確定" />
                <p></p>
            </div>
        </ASP:Panel>
        <AJaxToolkit:AlwaysVisibleControlExtender ID="avce" runat="server" TargetControlID="LeaveMessage"
            VerticalSide="Bottom" VerticalOffset="0" HorizontalSide="Right" HorizontalOffset="0"
            ScrollEffectDuration=".1" />

解說一下，一個Panel，一個AlwaysVisibleControl，兩個控件，Panel不在這次的介紹范圍，直接看AlwaysVisibleControl。 ID和runat屬性是必須的…… TargetControlID：目標控件的ID，就是一直要顯示的控件ID，這裡設置的是Panel的ID。 Verticalside：縱向停靠的位置 VerticalOffset：偏移量，單位是px HorizontalSide：橫向停靠位置 HorizontalOffset：偏移量，單位是px ScrollEffectDuration：重新定位目標控件位置的時間間隔，默認值為0.1s