如何在鼠标悬停时创建显示消息的文本框？

Question

我有一个SQL查询从数据库

也获得了一个名为描述串，我有一个包含邮件列表

一个表，我想为每个邮件列表名称，当鼠标它会显示一个包含说明的文本块

是否有任何插件，或者如何做？谢谢。

Answer 1

我使用一个名为TipTip，这是非常简单的实施jQuery插件。

Answer 2

PHP（用于查询）。你可以使用任何东西，这是一个例子。

<?php 
    $q = 'your sql query' 
    $query = mysql_query($query) 
    while($row = mysql_fetch_array($query)){ 
?> 
    <div class="email-list-name-<?=$row['id']?>"> <?=$row['email-list-name']?> </div> 
    <div class='description-for-email' style='display:none;'><?=$row['description']?></div> 
<?php } ?> 

jQuery的：

$(function(){ 
    $('div[id^="email-list-name"]').click(function(){ 
    $('.description-for-email').hide(); //hide all message displays 
    $(this).next('.description-for-email').show(); //show the next description for our email we clicked 
    }); 
}); 

你真的不提供任何其他信息，所以我只是把一起普通的例子。

Answer 3

您可以使用HTML的title属性或使用工具提示。您可以轻松找到工具提示的示例。但如果你试图从你的数据库运行时获取数据..我会说这是一个坏主意