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

How to create a textbox that display message when mouseover?

本文关键字：显示 消息 文本 悬停 鼠标 何创建 创建      更新时间：2023-09-26

我有一个sql查询，它从数据库中获得一个名为description的字符串

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

我希望对于每个邮件列表名称，当鼠标悬停在它上面时，它会显示一个包含描述的文本块

有没有插件，或者如何做到这一点？非常感谢。

我使用了一个名为TipTip的jQuery插件，它的实现非常简单。

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
  });
});

你没有提供任何其他信息，所以我只是举了一个一般的例子。

您可以使用html的title属性或使用工具提示。您可以很容易地找到工具提示的示例。但是，如果您试图在运行时从数据库中获取数据。。我想说这是个坏主意

相关文章：