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

Question

我有一个SQL查询，该查询从数据库获取一个称为description的字符串

另外，我有一个包含邮件列表的表

我想要每个邮件列表名称，当鼠标悬停在其上方时，它将显示一个包含说明的文本块

是否有任何插件，或该怎么做？ 谢谢。

Answer 1

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 2

您可以为此使用html的title属性，也可以使用tooltip。 您可以轻松找到工具提示的示例。 但是，如果您尝试在运行时从数据库中获取数据，我会说这是个坏主意

Answer 3

我使用一个名为TipTip的jQuery插件，该插件非常易于实现。