blocks|key|1917543|text|我们在我们的一个项目中使用了qTip，因为它符合我们所有的需求，开发和维护良好，附带了优秀的文档和漂亮的模板，还为我们提供了高度的抽象和定制。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1917544|entityMap|0|LINK|mutability|MUTABLE|url|http://craigsworks.com/projects/qtip/^0|E|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

We've used <a href="http://craigsworks.com/projects/qtip/" rel="nofollow noreferrer">qTip</a> in one of our projects, because it conforms much all of our requirements, is well-developed and maintained, ships with excellent documentation and already nice-looking templates and also gave us a high degree of abstraction and customization.

blocks|key|1917623|text|我强烈推荐http://craigsworks.com/projects/qtip2/与qtip+v1。qtip+v1不再维护，qtip2有一些很棒的新特性。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1917624|entityMap|0|LINK|mutability|MUTABLE|url|http://craigsworks.com/projects/qtip2/^0|5|12|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I would highly recommend <a href="http://craigsworks.com/projects/qtip2/" rel="nofollow">http://craigsworks.com/projects/qtip2/</a> vs qtip v1. qtip v1 is no longer maintained, and qtip2 has some great new features.

blocks|key|1917560|text|我已经使用了实际的jQuery+tooltip。Here's演示了它的功能。它很容易使用，而且您可以配置外观。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1917561|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Plugins/Tooltip|1|http://jquery.bassistance.de/tooltip/demo/^0|9|E|0|O|6|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I've used the actual <a href="http://docs.jquery.com/Plugins/Tooltip" rel="nofollow noreferrer">jQuery tooltip</a>. <a href="http://jquery.bassistance.de/tooltip/demo/" rel="nofollow noreferrer">Here's</a> a demo of what it can do. It's easy to use and you can configure the appearance.

blocks|key|616791|text|我对Robert+Baumgartner's+tooltip脚本进行了大量定制，这样它就不会从屏幕上弹出项目。我只需将它添加到我的母版页中，当页面准备就绪时，它将自动执行。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|616792|window.viewport+=
{
++++height:+function()+{
++++++++return+$(window).height();
++++},

++++width:+function()+{
++++++++return+$(window).width();
++++},

++++scrollTop:+function()+{
++++++++return+$(window).scrollTop();
++++},

++++scrollLeft:+function()+{
++++++++return+$(window).scrollLeft();
++++}
};


jQuery.tooltip+=+function()+{
++++tooltipClass+=+".tooltip";+//+replace+with+your+class,+for+multiple+classes,+separate+with+comma.

++++function+str_replace(search,+replace,+subject)+{
++++++++return+subject.split(search).join(replace);
++++}

++++xOffset+=+10;
++++yOffset+=+20;
++++fadeInTime+=+300;

++++function+positionToolTip(e)+{
++++++++var+offsetFromTop+=+e.pageY+-+viewport.scrollTop();
++++++++var+offsetFromLeft+=+e.pageX+-+viewport.scrollLeft();
++++++++var+tooltipObj+=+$('#tooltip');
++++++++var+pxToBottom+=+viewport.height()+-+(e.pageY+-+viewport.scrollTop());
++++++++var+cssTop+=+0;
++++++++var+cssLeft+=+(e.pageX+%2B+yOffset);
++++++++var+topMargin+=+parseFloat(tooltipObj.css('marginTop'));
++++++++if+(isNaN(topMargin))+{
++++++++++++topMargin+=+0;
++++++++}
++++++++var+topPadding+=+parseFloat(tooltipObj.css('paddingTop'));
++++++++if+(isNaN(topPadding))+{
++++++++++++topPadding+=+0;
++++++++}
++++++++var+topBorder+=+parseFloat(tooltipObj.css('border-top-width'));
++++++++if+(isNaN(topBorder))+{
++++++++++++topBorder+=+0;
++++++++}
++++++++var+topOffset+=+topMargin+%2B+topPadding+%2B+topBorder;

++++++++if+(tooltipObj.height()+>+viewport.height())+{
++++++++++++cssTop+=+viewport.scrollTop()+-+topOffset+%2B+topPadding;
++++++++}
++++++++else+if+(tooltipObj.height()+>+pxToBottom)+{
++++++++++++cssTop+=+viewport.scrollTop()+%2B+(viewport.height()+-+tooltipObj.height())+-+topOffset+-+topPadding+-+topBorder;
++++++++}
++++++++else+{
++++++++++++cssTop+=+e.pageY+-+xOffset;
++++++++}

++++++++tooltipObj.css({+top:+cssTop,+left:+cssLeft+}).fadeIn(fadeInTime);
++++}

++++jQuery("[title]").hover(function(e)+{
++++++++if+(this.t+===+undefined+%7C%7C+this.t.length+==+0)+{
++++++++++++this.t+=+this.title;
++++++++++++this.title+=+"";
++++++++++++this.t+=+str_replace("::",+"<br+/>",+this.t);
++++++++++++this.t+=+str_replace("[!]",+"<span+class='tooltipTitle'>",+this.t);
++++++++++++this.t+=+str_replace("[/!]",+"<br+/>",+this.t);
++++++++++++this.t+=+str_replace("[",+"<",+this.t);
++++++++++++this.t+=+str_replace("]",+">",+this.t);
++++++++}
++++++++if+(this.t+!=+"")+{
++++++++++++jQuery("body").append("<p+id='tooltip'>"+%2B+this.t+%2B+"");
++++++++++++positionToolTip(e,+this);
++++++++}
++++},+function()+{
++++++++jQuery("#tooltip").remove();
++++});
++++jQuery("[title]").mousemove(function(e)+{
++++++++positionToolTip(e);
++++});
++++jQuery("[title]").bind('remove',+function()+{
++++++++jQuery("#tooltip").remove();
++++});
++++jQuery("[title]").bind('disabled',+function()+{
++++++++jQuery("#tooltip").remove();
++++});
}

jQuery(document).ready(function()+{
++++jQuery.tooltip();
});|code-block|syntax|javascript|616793|entityMap|0|LINK|mutability|MUTABLE|url|http://the-godking.com/?p=113^0|2|S|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

I've customized <a href="http://the-godking.com/?p=113" rel="nofollow noreferrer">Robert Baumgartner's tooltip</a> script quite a bit so it won't pop items off the screen. I just add it to my Master page and it will get executed automatically when the page is ready.

<pre><code>window.viewport =
{
 height: function() {
 return $(window).height();
 },

 width: function() {
 return $(window).width();
 },

 scrollTop: function() {
 return $(window).scrollTop();
 },

 scrollLeft: function() {
 return $(window).scrollLeft();
 }
};


jQuery.tooltip = function() {
 tooltipClass = ".tooltip"; // replace with your class, for multiple classes, separate with comma.

 function str_replace(search, replace, subject) {
 return subject.split(search).join(replace);
 }

 xOffset = 10;
 yOffset = 20;
 fadeInTime = 300;

 function positionToolTip(e) {
 var offsetFromTop = e.pageY - viewport.scrollTop();
 var offsetFromLeft = e.pageX - viewport.scrollLeft();
 var tooltipObj = $('#tooltip');
 var pxToBottom = viewport.height() - (e.pageY - viewport.scrollTop());
 var cssTop = 0;
 var cssLeft = (e.pageX + yOffset);
 var topMargin = parseFloat(tooltipObj.css('marginTop'));
 if (isNaN(topMargin)) {
 topMargin = 0;
 }
 var topPadding = parseFloat(tooltipObj.css('paddingTop'));
 if (isNaN(topPadding)) {
 topPadding = 0;
 }
 var topBorder = parseFloat(tooltipObj.css('border-top-width'));
 if (isNaN(topBorder)) {
 topBorder = 0;
 }
 var topOffset = topMargin + topPadding + topBorder;

 if (tooltipObj.height() &gt; viewport.height()) {
 cssTop = viewport.scrollTop() - topOffset + topPadding;
 }
 else if (tooltipObj.height() &gt; pxToBottom) {
 cssTop = viewport.scrollTop() + (viewport.height() - tooltipObj.height()) - topOffset - topPadding - topBorder;
 }
 else {
 cssTop = e.pageY - xOffset;
 }

 tooltipObj.css({ top: cssTop, left: cssLeft }).fadeIn(fadeInTime);
 }

 jQuery("[title]").hover(function(e) {
 if (this.t === undefined || this.t.length == 0) {
 this.t = this.title;
 this.title = "";
 this.t = str_replace("::", "&lt;br /&gt;", this.t);
 this.t = str_replace("[!]", "&lt;span class='tooltipTitle'&gt;", this.t);
 this.t = str_replace("[/!]", "&lt;/span&gt;&lt;br /&gt;", this.t);
 this.t = str_replace("[", "&lt;", this.t);
 this.t = str_replace("]", "&gt;", this.t);
 }
 if (this.t != "") {
 jQuery("body").append("&lt;p id='tooltip'&gt;" + this.t + "&lt;/p&gt;");
 positionToolTip(e, this);
 }
 }, function() {
 jQuery("#tooltip").remove();
 });
 jQuery("[title]").mousemove(function(e) {
 positionToolTip(e);
 });
 jQuery("[title]").bind('remove', function() {
 jQuery("#tooltip").remove();
 });
 jQuery("[title]").bind('disabled', function() {
 jQuery("#tooltip").remove();
 });
}

jQuery(document).ready(function() {
 jQuery.tooltip();
});
</code></pre>

blocks|key|1917546|text|我已经在我的最新网站中使用了wayfarerweb.com/wtooltip.php。易于使用，但有些时候IE显示空而不是文本。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1917547|entityMap|0|LINK|mutability|MUTABLE|url|http://wayfarerweb.com/wtooltip.php^0|E|S|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I have used <a href="http://wayfarerweb.com/wtooltip.php" rel="nofollow noreferrer">wayfarerweb.com/wtooltip.php</a> in my latest website. Easy to use, but somethimes IE displays NULL instead of text.

blocks|key|1919824|text|我写了一个非常简单的工具提示插件。你可以在@+css找到它，它支持工具提示/鼠标提示中的完整http://plugins.jquery.com/project/hovertiphtml标记(大多数工具提示插件都不支持)和自定义css。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1919825|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/project/hovertiphtml^0|1A|1A|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I wrote an extremely simple tooltip plugin. You can find it @ <a href="http://plugins.jquery.com/project/hovertiphtml" rel="nofollow noreferrer">http://plugins.jquery.com/project/hovertiphtml</a> It supports full html markup inside the tooltip/hovertip (which most tooltip plugins don't) and custom css.

blocks|key|616842|text|我更喜欢遵循“我喜欢颜色”的教程。不需要jquery插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616843|http://www.ilovecolors.com.ar/rollovers-and-tooltips-with-jquery|offset|length|616844|https://archive.is/bh4nW|616845|教程如下所示。|616846|jQuery中的鼠标悬停和工具提示|616847|我需要一个快速的设置来做一些滚动和工具提示。你知道，通常情况下，鼠标放在图标上会改变图像并显示工具提示。我考虑过通过jQuery来利用html标签属性操作。如果你想现在就开始，你可以去|616848|现在，如果你还在听我的话，让我们来看看代码。本教程假设您对html、css和jquery有基本的了解。标记|616849|这非常简单，只是一个包含三个项目的无序列表，每个项目都有一个链接|616850|<ul+id="iconbar">
<li><a+href="#">
<img+src="key.gif"+alt=""+/>
Change+your+password
</a></li>
<li><a+href="http://feeds.feedburner.com/ilovecolors"+target="_blank">
<img+src="rss.gif"+alt=""+/>
Suscribe+to+our+RSS!
</a></li>
<li><a+href="#">
<img+src="sel.gif"+alt=""+/>
Choose+your+options!
</a></li>
</ul>|code-block|syntax|javascript|616851|然而，在每个链接中，我们有两个重要的块:图标图像和跨度。在img标记上，我们将更改其src属性。span标记是我们将用于工具提示的标记。最初，img标记有一个默认的src值，跨度是隐藏的，当时间到来并触发hover事件时，img+src属性被重定向到不同的位置(另一个图像)，跨度显示您定义的文本。|616852|样式设置|616853|样式读起来有点长，但我们只设计了两个项目:+li容器和span块。|616854|#iconbar+li+{
float:left;+position:relative;+margin-right:20px;
}
#iconbar+span+{
position:+absolute;
top:+-50px;
left:+-80px;
display:+none;
background:+url(ttbg.jpg)+no-repeat;
width:+110px;
height:+35px;
text-align:+center;
padding:+5px;
line-height:110%25;
color:#000000;
}|616855|我们在li元素的相对位置内定义了一个绝对位置。现在我们可以分配一些顶部和左侧的值来定位它。这些值稍后将由我们的jQuery脚本修改。显示设置为none，因为我们不希望在第一次打开页面时跨度可见。图标不需要样式化，因为我们只通过jQuery更改了src属性。jQuery代码|616856|jQuery真的很棒，只需几行代码，我们就可以准备好图标翻转和工具提示。所以，让我们开始吧。当DOM准备就绪时，我们将根据图标栏中li元素的悬停状态启动一个函数。当它启动时，它将获取li中图像的src属性，并将不带扩展名的名称存储在一个名为origen的变量中。|616857|jQuery(document).ready(function(){
$("#iconbar+li").hover(
function(){
var+iconName+=+$(this).find("img").attr("src");
var+origen+=+iconName.split(".")[0];|616858|接下来，我们为img的src属性分配一个新路径，将“o”附加到名称和相应的扩展名，在本例中为“.gif”。工具提示区开始设置淡入和顶部位置的不透明度动画(还记得样式表上的值吗？)。|616859|$(this).find("img").attr({src:+""+%2B+origen+%2B+"o.gif"});
$(this).find("span").animate({opacity:+"show",+top:+"-60"},+"normal");
},|616860|请注意，两个函数之间用逗号分隔。jQuery中的悬停事件有两个参数:一个用于鼠标翻转状态，另一个用于鼠标卷展栏状态。现在我们到了卷展栏状态，这就是当鼠标滚出li区域时发生的事情。我们再次获取图像src属性，并在“o.”处拆分，这是我们在hover事件上添加的字符串，我们将src属性重定向到原始图像路径。工具提示的动画效果为零不透明度，我们将其定位在样式表中定义的相同顶值，在本例中为50。注意，我没有添加“px”值。不要像我一样懒惰地添加它们，但是你可以看到它仍然可以在没有“px”维度的情况下工作。我们快速地隐藏它，以防止与任何其他东西发生任何冲突。你知道，当事情可能出错的时候，它会的，所以不要给它机会。|616861|function(){
var+iconName+=+$(this).find("img").attr("src");
var+origen+=+iconName.split("o.")[0];
$(this).find("img").attr({src:+""+%2B+origen+%2B+".gif"});
$(this).find("span").animate({opacity:+"hide",+top:+"-50"},+"fast");
});
});|616862|当然，你们中的一些人可能会想，你可以在这个可爱的小范围内放置任何东西，实际上，这是可能的。例如，图标。|616863|<ul>
<li><a+href=”#”>
<img+src=”sel.gif”+alt=””+/>
Choose+your+options!<img+src=”sel.gif”+alt=””+/>
</a></li>
</ul>|616864|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|1S|0|0|0|O|1|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1V|8|@]|9|@$D|1W|E|1X|1|1Y]]|A|$]]|$1|F|3|G|5|6|7|1Z|8|@]|9|@$D|20|E|21|1|22]]|A|$]]|$1|H|3|I|5|6|7|23|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|24|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|25|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|26|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|27|8|@]|9|@]|A|$]]|$1|R|3|S|5|T|7|28|8|@]|9|@]|A|$U|V]]|$1|W|3|X|5|6|7|29|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|2A|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|2B|8|@]|9|@]|A|$]]|$1|12|3|13|5|T|7|2C|8|@]|9|@]|A|$U|V]]|$1|14|3|15|5|6|7|2D|8|@]|9|@]|A|$]]|$1|16|3|17|5|6|7|2E|8|@]|9|@]|A|$]]|$1|18|3|19|5|T|7|2F|8|@]|9|@]|A|$U|V]]|$1|1A|3|1B|5|6|7|2G|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|T|7|2H|8|@]|9|@]|A|$U|V]]|$1|1E|3|1F|5|6|7|2I|8|@]|9|@]|A|$]]|$1|1G|3|1H|5|T|7|2J|8|@]|9|@]|A|$U|V]]|$1|1I|3|1J|5|6|7|2K|8|@]|9|@]|A|$]]|$1|1K|3|1L|5|T|7|2L|8|@]|9|@]|A|$U|V]]|$1|1M|3|-4|5|6|7|2M|8|@]|9|@]|A|$]]]|1N|$1O|$5|1P|1Q|1R|A|$1S|C]]|1T|$5|1P|1Q|1R|A|$1S|G]]]]

I prefer to follow the tutorial at I love colors. There is no jquery plugin needed.

<a href="http://www.ilovecolors.com.ar/rollovers-and-tooltips-with-jquery" rel="nofollow noreferrer">http://www.ilovecolors.com.ar/rollovers-and-tooltips-with-jquery</a>

<a href="https://archive.is/bh4nW" rel="nofollow noreferrer">https://archive.is/bh4nW</a>

The tutorial is below.

Rollovers and tooltips with jQuery

I needed a quick setup for doing some rollovers and tooltips. You know, the usual stuff, mouse over an icon changes image and shows a tooltip. I thought about taking advantage of html tags attributes manipulation through jQuery. If you want to jump in right now you can go to the

Now, if you’re still with me, let’s take a walk through the code. This tutorial assumes that you have a basic knowledge of html, css and jquery.
The markup

This is pretty straight, just an unordered list with three items and each item has a link

<pre><code>&lt;ul id="iconbar"&gt;
&lt;li&gt;&lt;a href="#"&gt;
&lt;img src="key.gif" alt="" /&gt;
&lt;span&gt;Change your password&lt;/span&gt;
&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://feeds.feedburner.com/ilovecolors" target="_blank"&gt;
&lt;img src="rss.gif" alt="" /&gt;
&lt;span&gt;Suscribe to our RSS!&lt;/span&gt;
&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;
&lt;img src="sel.gif" alt="" /&gt;
&lt;span&gt;Choose your options!&lt;/span&gt;
&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

However, inside each link we have two important blocks: the icon image and a span. On the img tag, we’ll be changing its src attribute. The span tag is what we will be using for the tooltip. Initially the img tag has a default src value and the span is hidden, when the time comes and the hover event is triggered, the img src attribute is redirected to a different location (another image) and the span is displayed showing the text you defined.

The styling

The style is a bit longer to read but we’re only styling two items: the li containter and the span block.

<pre><code>#iconbar li {
float:left; position:relative; margin-right:20px;
}
#iconbar span {
position: absolute;
top: -50px;
left: -80px;
display: none;
background: url(ttbg.jpg) no-repeat;
width: 110px;
height: 35px;
text-align: center;
padding: 5px;
line-height:110%;
color:#000000;
}
</code></pre>

We’re defining an absolute position inside the relative position of our li element. Now we can assign some top and left values to position it. The values will be modified by our jQuery script later. The display is set to none, since we don’t want the span to be visible when we first open the page. The icons doesn’t require styling since we’re changing only the src attribute through jQuery.
The jQuery code

jQuery is truly amazing, with only a few lines of code we can have our icon rollover and tooltip ready. So, let’s get to it. When the DOM is ready, we’re launching a function based on the hover state of the li element within our iconbar. When it’s launched, it will get the src attribute of the image within li and it will store the name without the extension in a variable named origen.

<pre><code>jQuery(document).ready(function(){
$("#iconbar li").hover(
function(){
var iconName = $(this).find("img").attr("src");
var origen = iconName.split(".")[0];
</code></pre>

Next, we assign a new path to the src attribute of img, appending “o” to the name, and the corresponding extension, in this case, “.gif”. The tooltip section begins animating its opacity to fade in and the top position (remember the values on the style sheet?).

<pre><code>$(this).find("img").attr({src: "" + origen + "o.gif"});
$(this).find("span").animate({opacity: "show", top: "-60"}, "normal");
},
</code></pre>

Please, notice the comma separating the two functions. The hover event in jQuery takes two parameters: one for the mouse rollover state and one for the mouse rollout state. Now we get to the rollout state, this is what happens when the mouse rolls out of the li area. We take the image src attribute again and we split at the “o.”, the string we added on the hover event, and we redirect the src attribute to the original image path. The tooltip is animated towards a zero opacity, and we position it at the same top value that is defined in the stylesheet, in this case, 50. Notice that I haven’t added the “px” values. Don’t be as lazy as me and add them, but you can see that it still works without the “px” dimensions. We hide it fast to prevent any conflicts with any other thing. You know, when something can go wrong, it will, so don’t give it a chance.

<pre><code>function(){
var iconName = $(this).find("img").attr("src");
var origen = iconName.split("o.")[0];
$(this).find("img").attr({src: "" + origen + ".gif"});
$(this).find("span").animate({opacity: "hide", top: "-50"}, "fast");
});
});
</code></pre>

Of course, some of you might be thinking that you can place anything inside that little cute span and indeed, it’s possible. For example, an icon.

<pre><code>&lt;ul&gt;
&lt;li&gt;&lt;a href=”#”&gt;
&lt;img src=”sel.gif” alt=”” /&gt;
Choose your options!&lt;img src=”sel.gif” alt=”” /&gt;
&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

There are a bunch of jquery tooltip plugins out there.

Which one should I use? and why?

Preferred jQuery toolTip?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

有一堆jquery工具提示插件。我应该使用哪一个？为什么？

问首选jQuery toolTip？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问首选jQuery toolTip？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问首选jQuery toolTip？
EN