鼠标悬停显示像jQuery工具提示一个div

让我们考虑休耕方案鼠标悬停显示像jQuery工具提示一个div

<p>jhony</p> 
<p>ram</p> 
<p>lilly</p> 

<div id="about"></div> 

<script> 
     $(function() { 
      $('p').hover(function() { 
      $('#about').show(); 
       }, function() { 
        $('#about').hide(); 
     }); 
    });

知道在p标签的div会显示鼠标悬停，但它正在总是固定/绝对位置，但我想展示它关于悬停元素。

实施例：

如果我把鼠标上“jhony”，那么大约DIV应显示留给它，如果我把鼠标上“RAM”然后约DIV应显示留给它，如果我将鼠标放在'lilly'上，然后将div显示在左边。

最后它应该像jQuery Tooltip一样工作。

来源

2013-10-24 manchu

，为什么你不使用jQuery工具提示？ –

你的CSS在哪里？ –

看看这个[示例]（http://api.jquery.com/hover），该项目右侧有工具提示。 – alexmac

为什么你使用jQuery呢？ U可以只使用CSS

p:hover span{display : block}

，或者如果你想使用jQuery/JS，你必须计算从窗口顶部的高度，以您的p和设置您的div： $(function() { $('p').hover(function() { $('#about').css('top',this.offset().top )}

来源

2013-10-24 14:35:15 BordiArt

鼠标悬停显示像jQuery工具提示一个div

回答

相关问题