Ajax Control Toolkit 工具包的簡(jiǎn)介及獲取方式等，請(qǐng)參見(jiàn)本系列的另一篇隨筆：Ajax Control Toolkit使用實(shí)例(1) AutoCompleteExtender。

BalloonPopup 控件簡(jiǎn)介

BalloonPopup 控件可以顯示一個(gè)彈出層，里面可以包含很多內(nèi)容。例如，當(dāng)用戶(hù)將鼠標(biāo)移動(dòng)到一個(gè)文本框上時(shí)，可以使用此控件為用戶(hù)顯示一些幫助信息。

BalloonPopup 控件支持三種樣式（BalloonStyle）：氣球樣式（Balloon）、矩形樣式（Rectangle）還有用戶(hù)自定義樣式（Custom）。彈出層的大小也有三種型號(hào)：小號(hào)（Small）、中號(hào)（ Medium），大號(hào)（ Large）。如果你將 BalloonStyle 屬性設(shè)置為Custom，那樣你需要將CustomCssUrl屬性值設(shè)置為自定義樣式表的路徑。

BalloonPopup 控件使用方法

1.向頁(yè)面添加 ToolkitScriptManager 控件，用于向頁(yè)面注冊(cè)控件所需要的腳本；

代碼如下:
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">ajaxToolkit:ToolkitScriptManager>

2.添加 Panel 控件充當(dāng)容器，用于容納提示內(nèi)容；
代碼如下:
<asp:Panel runat="server" ID="messagePanel">   
小丸子，我給你講個(gè)笑話(huà)吧~~
<asp:Image runat="server" ImageUrl="~/Images/微笑.gif" ImageAlign="AbsMiddle" />asp:Panel>

3.添加 BalloonPopupExtender 控件，定制樣式、綁定目標(biāo)控件及提示信息容器等；
代碼如下:
<ajaxToolkit:BalloonPopupExtender runat="server" ID="BalloonPopupExtender1"
Position="TopLeft"               
TargetControlID="Image2"               
BalloonPopupControlID="Panel1"
BalloonSize="Small"             
BalloonStyle="Cloud"          
DisplayOnMouseOver="True" />

4.運(yùn)行頁(yè)面，將看到如下效果：

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com