Ajax Control Toolkit BalloonPopup的使用實(shí)例及效果
Ajax Control Toolkit 工具包的簡(jiǎn)介及獲取方式等，請(qǐng)參見(jiàn)本系列的另一篇隨筆：Ajax Control Toolkit使用實(shí)例(1) AutoCompleteExtender。
BalloonPopup 控件簡(jiǎn)介
BalloonPopup 控件可以顯示一個(gè)彈出層，里面可以包含很多內(nèi)容。例如，當(dāng)用戶將鼠標(biāo)移動(dòng)到一個(gè)文本框上時(shí)，可以使用此控件為用戶顯示一些幫助信息。
BalloonPopup 控件支持三種樣式（BalloonStyle）：氣球樣式（Balloon）、矩形樣式（Rectangle）還有用戶自定義樣式（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è)笑話吧~~
<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è)面，將看到如下效果：
 |
更多使用方法，請(qǐng)參見(jiàn) Ajax Control Toolkit 示例站點(diǎn)。
相關(guān)文章
ASP.NET MVC學(xué)習(xí)教程之Razor語(yǔ)法
這篇文章主要給大家介紹了關(guān)于ASP.NET MVC學(xué)習(xí)教程之Razor語(yǔ)法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-05-05
Asp.net利用一般處理程序?qū)崿F(xiàn)文件下載功能
這篇文章主要介紹了Asp.net利用一般處理程序?qū)崿F(xiàn)文件下載功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-07-07
asp.net aspnetpager分頁(yè)統(tǒng)計(jì)時(shí)與實(shí)際不符的解決辦法
最近分頁(yè)方面根據(jù)實(shí)際需要修改了一些函數(shù)2008-11-11
詳解免費(fèi)開(kāi)源的.NET多類(lèi)型文件解壓縮組件SharpZipLib（.NET組件介紹之七）
本篇文章主要介紹了免費(fèi)開(kāi)源的.NET多類(lèi)型文件解壓縮組件SharpZipLib，這也是一種解壓縮組件，具有一定的參考價(jià)值，有興趣的可以了解一下。2016-12-12
.NET?Core項(xiàng)目使用swagger開(kāi)發(fā)組件
這篇文章介紹了.NET?Core項(xiàng)目使用swagger開(kāi)發(fā)組件的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
asp.net MVC實(shí)現(xiàn)簡(jiǎn)單的上傳功能
MVC中上傳變得越來(lái)越容易，可是對(duì)于新手這個(gè)也還是不知道如何實(shí)現(xiàn)，以下方式實(shí)現(xiàn)MVC的上傳功能，以下2種方法都是可以實(shí)現(xiàn)的，其中的代碼參考了藍(lán)色小鋪和重典的文章。2009-11-11
ASP.NET全棧開(kāi)發(fā)教程之在MVC中使用服務(wù)端驗(yàn)證的方法
這篇文章主要給大家介紹了關(guān)于ASP.NET全棧開(kāi)發(fā)教程之在MVC中使用服務(wù)端驗(yàn)證的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
asp.net 支持多語(yǔ)言站點(diǎn)的實(shí)現(xiàn)方法
asp.net 支持多語(yǔ)言站點(diǎn)的實(shí)現(xiàn)方法，對(duì)于想用asp.net做多語(yǔ)言網(wǎng)站的朋友可以參考下，充分發(fā)揮asp.net的功能。2010-03-03
URL重寫(xiě)及干掉ASP.NET試圖狀態(tài)的實(shí)現(xiàn)方法
URL重寫(xiě)已經(jīng)很普遍了，但基本上大部分的URL重寫(xiě)都不支持頁(yè)面的相對(duì)路徑，所有如果想在已經(jīng)開(kāi)發(fā)好的項(xiàng)目中添加還是有壓力的，第二就是例如微軟的那個(gè)URL重寫(xiě)是根據(jù)正則表達(dá)式來(lái)處理的，那樣是很好，但也有不足之處，就是不方便定位到某個(gè)頁(yè)面只能有哪些參數(shù)2011-11-11
在ASP.Net?Core應(yīng)用程序中使用Bootstrap4
這篇文章介紹了在ASP.Net?Core應(yīng)用程序中使用Bootstrap4的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-01-01