Ajax Control Toolkit BalloonPopup的使用實例及效果
Ajax Control Toolkit 工具包的簡介及獲取方式等,請參見本系列的另一篇隨筆:Ajax Control Toolkit使用實例(1) AutoCompleteExtender。
BalloonPopup 控件簡介
BalloonPopup 控件可以顯示一個彈出層,里面可以包含很多內容。例如,當用戶將鼠標移動到一個文本框上時,可以使用此控件為用戶顯示一些幫助信息。
BalloonPopup 控件支持三種樣式(BalloonStyle):氣球樣式(Balloon)、矩形樣式(Rectangle)還有用戶自定義樣式(Custom)。彈出層的大小也有三種型號:小號(Small)、中號( Medium),大號( Large)。如果你將 BalloonStyle 屬性設置為Custom,那樣你需要將CustomCssUrl屬性值設置為自定義樣式表的路徑。
BalloonPopup 控件使用方法
1.向頁面添加 ToolkitScriptManager 控件,用于向頁面注冊控件所需要的腳本;
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">ajaxToolkit:ToolkitScriptManager>
2.添加 Panel 控件充當容器,用于容納提示內容;
<asp:Panel runat="server" ID="messagePanel">
小丸子,我給你講個笑話吧~~
<asp:Image runat="server" ImageUrl="~/Images/微笑.gif" ImageAlign="AbsMiddle" />asp:Panel>
3.添加 BalloonPopupExtender 控件,定制樣式、綁定目標控件及提示信息容器等;
<ajaxToolkit:BalloonPopupExtender runat="server" ID="BalloonPopupExtender1"
Position="TopLeft"
TargetControlID="Image2"
BalloonPopupControlID="Panel1"
BalloonSize="Small"
BalloonStyle="Cloud"
DisplayOnMouseOver="True" />
4.運行頁面,將看到如下效果:
![]() |
更多使用方法,請參見 Ajax Control Toolkit 示例站點。
相關文章
IdentityServer4實現(xiàn).Net Core API接口權限認證(快速入門)
這篇文章主要介紹了IdentityServer4實現(xiàn).Net Core API接口權限認證,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-03-03asp.net實現(xiàn)將Excel中多個sheet數據導入到SQLSERVER中的方法
這篇文章主要介紹了asp.net實現(xiàn)將Excel中多個sheet數據導入到SQLSERVER中的方法,涉及asp.net針對Excel的讀取與數據庫操作相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12ASP.NET?MVC5網站開發(fā)之添加、刪除、重置密碼、修改密碼、列表瀏覽管理員篇2(六)
這篇文章主要為大家詳細介紹了ASP.NET?MVC5網站開發(fā)之添加、刪除、重置密碼、修改密碼、列表瀏覽,感興趣的小伙伴們可以參考一下2016-08-08Asp.net Core 3.1基于AspectCore實現(xiàn)AOP實現(xiàn)事務、緩存攔截器功能
這篇文章主要介紹了Asp.net Core 3.1基于AspectCore實現(xiàn)AOP實現(xiàn)事務、緩存攔截器功能,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-12-12.NET一行代碼實現(xiàn)GC調優(yōu),讓程序不再占用內存
這篇文章主要介紹了NET一行代碼實現(xiàn)GC調優(yōu),讓程序不再占用內存的相關資料,需要的朋友可以參考下2022-11-11