提取DiscuzNT裡的提示功能ToolTip

DiscuzNT有一個比較好的控件：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;\">\r\n");
　　　　　　　　　　　　 sb.Append("<div　style=\"position:absolute;　 visibility:　visible;　width:　271px;z-index:501;\">\r\n");
　　　　　　　　　　　　 sb.Append("<p><img　src=\""　+　 this.HintImageUrl　+　"/commandbg.gif\"　/></p>\r\n");
　　　　　　　　　　　　 sb.Append("<div　class=\"messagetext\"><img　 src=\""　+　this.HintImageUrl　+　"/dot.gif\"　/><span　id=\"hintinfoup\"　 ></span></div>\r\n");
　　　　　　　　　　　　 sb.Append("<p><img　src=\""　+　 this.HintImageUrl　+　"/commandbg2.gif\"　/></p>\r\n");
　　　　　　　　　　　　 sb.Append("</div>\r\n");
　　　　　　　　　　　　 sb.Append("<iframe　id=\"hintiframeup\"　 style=\"position:absolute;z-index:100;width:266px;scrolling:no;\"　 frameborder=\"0\"></iframe>\r\n");
　　　　　　　　　　　　 sb.Append("</span>\r\n");

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