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