Javascript 显示隐藏div元素的jquery工具提示?
我正在尝试为我的个人网站提供工具提示。在链接上移动鼠标时,我希望显示工具提示。工具提示显示内容在html页面中已作为div元素提供,但它是隐藏的。我希望仅当我将鼠标移到链接上时才显示工具提示。我使用jquery和jquery插件 为此目的。即使我得到了其他jquery插件,我也会很高兴 请注意,工具提示内容div内部html不会显示。工具提示应该获取元素并显示它Javascript 显示隐藏div元素的jquery工具提示?,javascript,jquery,html,css,tooltip,Javascript,Jquery,Html,Css,Tooltip,我正在尝试为我的个人网站提供工具提示。在链接上移动鼠标时,我希望显示工具提示。工具提示显示内容在html页面中已作为div元素提供,但它是隐藏的。我希望仅当我将鼠标移到链接上时才显示工具提示。我使用jquery和jquery插件 为此目的。即使我得到了其他jquery插件,我也会很高兴 请注意,工具提示内容div内部html不会显示。工具提示应该获取元素并显示它 #tooltip-content { display:none; width:250px; } 下面是HTML代码 <di
#tooltip-content {
display:none;
width:250px;
}
下面是HTML代码
<div id="widget" class="span-8 " >
<h2><a href="">Example.com</a></h2>
<ul>
<li><h3><a href="example.com">Example News 1</a></h3>
<div id="tooltip-content">
<div class="published">Thu Jul 8, 2010</div>
<div class="content">
This detail news 1 shown only on tooltip..
</div>
</div>
</li>
<li><h3><a href="example.com">Example News 2</a></h3>
<div id="tooltip-content">
<div class="published">Thu Jul 8, 2010</div>
<div class="content">
This detail news 2 shown only on tooltip..
</div>
</div>
</li>
</ul>
-
2010年7月8日星期四
此详细信息仅在工具提示中显示。。
-
2010年7月8日星期四
此详细信息仅在工具提示中显示。。
将有100多个元素需要工具提示。有没有更好的工具或方法来处理这个问题?如果你给我代码示例,我将非常感谢你。。我已经找到了很多方法。接近解决方案,但它需要对所有工具提示注释进行初始化。我从中发现jQuery工具具有出色的工具提示。可以对元素使用title属性,也可以将下一个DOM节点用作非标题元素的工具提示 非常灵活,我相信它会适合你的需要。祝你好运