Welcome 微信登录

首页 / 网页编程 / ASP.NET / 提取DiscuzNT里的提示功能ToolTip

提取DiscuzNT里的提示功能ToolTip2011-04-24 博客园 mqingqing123DiscuzNT有一个比较好的控件:Hint,它可以给控件添加提示内容,目前基于JQuery的 Tip也有不少,但是使用起来非常的不方便,DiscuzNT提供的这个控件比较美观,使用也很简 单,类似如下,鼠标放上去会有一个提示框,

整个提示的核心在Hint.cs里的Render里实现,

protected override void Render(HtmlTextWriter output)
{
StringBuilder sb = new StringBuilder();
sb.Append("<!--提示层部分开始-->");
sb.Append("<span id="hintdivup" style="display:none; position:absolute;z-index:500;"> ");
sb.Append("<div style="position:absolute; visibility: visible; width: 271px;z-index:501;"> ");
sb.Append("<p><img src="" + this.HintImageUrl + "/commandbg.gif" /></p> ");
sb.Append("<div class="messagetext"><img src="" + this.HintImageUrl + "/dot.gif" /><span id="hintinfoup" ></span></div> ");
sb.Append("<p><img src="" + this.HintImageUrl + "/commandbg2.gif" /></p> ");
sb.Append("</div> ");
sb.Append("<iframe id="hintiframeup" style="position:absolute;z-index:100;width:266px;scrolling:no;" frameborder="0"></iframe> ");
sb.Append("</span> ");

sb.Append("<span id="hintdivdown" style="display:none; position:absolute;z-index:500;"> ");
sb.Append("<div style="position:absolute; visibility: visible; width: 271px;z-index:501;"> ");
sb.Append("<p><img src="" + this.HintImageUrl + "/commandbg3.gif" /></p> ");
sb.Append("<div class="messagetext"><img src="" + this.HintImageUrl + "/dot.gif" /><span id="hintinfodown" ></span></div> ");
sb.Append("<p><img src="" + this.HintImageUrl + "/commandbg4.gif" /></p> ");
sb.Append("</div> ");
sb.Append("<iframe id="hintiframedown" style="position:absolute;z-index:100;width:266px;scrolling:no;" frameborder="0"></iframe> ");
sb.Append("</span> ");
sb.Append("<!--提示层部分结束--> ");
output.Write(sb.ToString());
}