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

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属性或使用工具提示。您可以轻松找到工具提示的示例。但是如果你试图在运行时从数据库中获取数据......我会说这是一个坏主意

Answer 3

我使用名为TipTip的jQuery插件，实现起来非常简单。