JQuery ToolTip:如何拥有2种不同的风格?

时间:2011-05-08 09:20:26

标签: jquery asp.net css

我从这里得到了jquery-tooltip: http://flowplayer.org/tools/tooltip/index.html

我没有这段代码:

.tooltip 
{
display:none;
background:transparent url(/Images/Design/Tooltip/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff; 
}  

<asp:Image runat="server" CssClass="Tooltip" Title="Tragen Sie bitte hier Ihre Branche ein - z.B. Friseur, Anwalt, KFZ Werkstatt..." ID="imgHelp1" ImageUrl="~/Images/Design/Icons/question1.gif"
                            Height="15" />

 <asp:Image runat="server" CssClass="Tooltip" Title="Tragen Sie hier bitte 'Suchworte' ein mit denen Sie gefunden werden möchten. Z.B.
                                    wenn Sie ein Friseur sind: Haare schneiden, Haare färben, Ihren Firmennamen..." ID="imgHelp2" ImageUrl="~/Images/Design/Icons/question1.gif"
                            Height="15" />

$('.Tooltip').tooltip();

对于第一张图片,工具提示高度或70px是完美的。 对于第二个图像,工具提示高度必须至少为100px。

但那怎么办?我如何才能拥有2种不同风格的工具提示本身,或者为工具提示提供类似的类名?

1 个答案:

答案 0 :(得分:0)

答案是:

name:tipClass
默认值:'工具提示'

自1.2.0以来。生成的tooltip元素的CSS类名称。