javascript - 当用户将鼠标悬停在某些文本上时,如何打开一个小窗口?

标签 javascript html popup

我正在准备一个包含更多数据的网页,这些数据可能会在不使页面变得非常笨重的情况下显示。我正在考虑不同的方式来做到这一点。一种方法是当用户将鼠标悬停在文本的特定部分时,让额外的数据神奇地出现在一个小窗口上。雅虎!当您将鼠标悬停在用户上方时,答案会执行类似的操作。但我想这一定是代码复杂的方式(对于我的水平)。

所以我正在寻找一种简单的方法,当用户将鼠标悬停在一个特别有趣的文本上时,让一个小的弹出窗口出现在鼠标指针旁边。一旦用户离开文本,窗口应该自动消失。 关于这个话题,我有几个问题:

  • 如何做到这一点?
  • 不使用 JavaScript 可以完成吗?
  • 我还应该考虑哪些其他解决方案? (例如我看到一些网页展开一些部分,当用户悬停点击它们时)

最佳答案

只需使用一个 DIV 来显示您的文本,打开一个全新的窗口就太过分了,因为大多数人的浏览器中都有弹出窗口拦截器,该窗口甚至不会显示。 我建议使用 JQuery(如果你是新手,最好从它开始,因为它会让你的 Javascript 开发变得更容易)和找到的 JQuery 工具提示插件 here

关于javascript - 当用户将鼠标悬停在某些文本上时,如何打开一个小窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1042662/

相关文章:

javascript - 从外部调试 Angular 应用程序(仅限浏览器控制台)

javascript - 用唯一的随机数填充数组javascript

javascript - 使用 angularjs ng-repeat 指令在 HTML 表中显示 JSON 数据

c# - 滚动时弹出窗口不关闭

java - eclipse 。如何使用快捷方式激活工具提示弹出窗口?

java - 单击两次时自定义 JComboBox 未关闭

javascript - 根据边缘厚度缩放箭头,并使其接触大小不同的节点的外边缘

javascript - 没有 ng-model AngularJS 选择不起作用

html - 在表格单元格内对齐表格

javascript - 使用 Facebook Javascript API 发送消息