鼠標懸停顯示像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

回答

相關問題