Ajax Control Toolkit BalloonPopup的使用實(shí)例及效果
Ajax Control Toolkit 工具包的簡介及獲取方式等，請(qǐng)參見本系列的另一篇隨筆：Ajax Control Toolkit使用實(shí)例(1) AutoCompleteExtender。
BalloonPopup 控件簡介
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.向頁面添加 ToolkitScriptManager 控件，用于向頁面注冊(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)行頁面，將看到如下效果：
 |
更多使用方法，請(qǐng)參見 Ajax Control Toolkit 示例站點(diǎn)。
相關(guān)文章
IdentityServer4實(shí)現(xiàn).Net Core API接口權(quán)限認(rèn)證(快速入門)
這篇文章主要介紹了IdentityServer4實(shí)現(xiàn).Net Core API接口權(quán)限認(rèn)證，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要介紹了用ASP.net判斷上傳文件類型的三種方法,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了Asp.Net上傳圖片同時(shí)生成高清晰縮略圖的方法，需要的朋友可以參考下2015-09-09
彈出窗口,點(diǎn)擊確定在刪除數(shù)據(jù)的實(shí)現(xiàn)方法
彈出窗口,點(diǎn)擊確定在刪除數(shù)據(jù)的實(shí)現(xiàn)方法，需要的朋友可以參考一下2013-04-04
ASP.NET?Core中使用滑動(dòng)窗口限流的問題及場(chǎng)景分析
這篇文章主要介紹了ASP.NET?Core中使用滑動(dòng)窗口限流的問題，主要介紹服務(wù)限流場(chǎng)景中的應(yīng)用，如何使用滑動(dòng)窗口來解決這個(gè)問題，本文通過實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì)，需要的朋友參考下吧2021-12-12
asp.net實(shí)現(xiàn)將Excel中多個(gè)sheet數(shù)據(jù)導(dǎo)入到SQLSERVER中的方法
這篇文章主要介紹了asp.net實(shí)現(xiàn)將Excel中多個(gè)sheet數(shù)據(jù)導(dǎo)入到SQLSERVER中的方法,涉及asp.net針對(duì)Excel的讀取與數(shù)據(jù)庫操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
ASP.NET?MVC5網(wǎng)站開發(fā)之添加、刪除、重置密碼、修改密碼、列表瀏覽管理員篇2(六)
這篇文章主要為大家詳細(xì)介紹了ASP.NET?MVC5網(wǎng)站開發(fā)之添加、刪除、重置密碼、修改密碼、列表瀏覽，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了詳解EFCore中的導(dǎo)航屬性的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用ASP.NET CORE，感興趣的朋友可以了解下2021-03-03
Asp.net Core 3.1基于AspectCore實(shí)現(xiàn)AOP實(shí)現(xiàn)事務(wù)、緩存攔截器功能
這篇文章主要介紹了Asp.net Core 3.1基于AspectCore實(shí)現(xiàn)AOP實(shí)現(xiàn)事務(wù)、緩存攔截器功能,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
.NET一行代碼實(shí)現(xiàn)GC調(diào)優(yōu)，讓程序不再占用內(nèi)存
這篇文章主要介紹了NET一行代碼實(shí)現(xiàn)GC調(diào)優(yōu)，讓程序不再占用內(nèi)存的相關(guān)資料,需要的朋友可以參考下2022-11-11