HoverMenuExtender应用
AjaxControlToolkit控件,当然是在Ajax下应用。在aspx页面或母版页中应该要写上:
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
TargetControlID指定要显示信息的控件,PopupControlID指定鼠标移动上时显示的信息。
<asp:Label id="Label30" runat="server" ForeColor="Blue" Text="帮助!"></asp:Label> <cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" TargetControlID="Label30" PopupControlID="pMessage" PopupPosition="Right" OffsetX="0" OffsetY="15"> </cc1:HoverMenuExtender>
以下为显示信息的Panel。
<asp:Panel ID="pMessage" runat="server" CssClass="HoverMenuStyle" Width="300px"> <div> <div style=" text-align:center"><strong> 使用帮助</strong></div> ...
</div> </asp:Panel>
Css如下:
.HoverMenuStyle { filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.7; /*MOZ , FF*/ opacity:0.7; /*CSS3, FF1.5*/ background: #fff6bf; text-align: left; padding: 5px; border: 1px solid #ffd324; z-index: 1; color:MenuText; }
效果图:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步