html - 如何突出某处存在“鼠标悬停”效果的事实？

Question

在我的网页上，我将有几个带有 onmouse over 效果的圆圈（工具提示 onmouse over）。我怀疑大多数访问者会错过这一点，因此想知道您通常会做什么来吸引访问者的注意力/突出显示某处存在鼠标悬停效果的事实。

编辑：澄清一下，我的问题是“我怎样才能向访问者指示元素上有工具提示效果”

非常感谢您的建议

Answer 1

这应该是您的设计/用户体验需要处理的事情，将用户的注意力吸引到页面中的特定元素和页面的一般预期体验上。

通常工具提示标有图标（？等），用文本装饰或设计的明显部分突出显示，它们在那里帮助用户，他们不能使用他们不知道的东西在那里。

如果它们不是基于信息的并且是交互式元素，您始终可以对它们应用静态 CSS 动画（使用循环@keyframe动画​​），例如使它们巧妙地发出叮当声、发光、移动或突出显示。

这些元素也应该足够大，以供用户查看和交互，但不能压倒您网站的其余内容，除非它们是主要功能，在这种情况下，它们肯定需要显而易见。

如今，大多数用户都足够聪明，可以浏览一个装饰精美的页面，但交互元素需要某种突出或吸引他们。

Answer 2

如果你想使用一个工具提示插件，http: //www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/这个链接有一个很好的工具提示插件集合可供选择，这取决于你的需要强调在您的网站上。

如果要手动设置工具提示，请将 div 设置为 position: relative，并创建一个 display: none; 和位置：绝对；（在 html 端它必须在父 div 的标签之间）并使用悬停创建一个 jquery 命令并切换工具提示。

Answer 3

尽管编码怪胎的网站非常好，但我认为他正在寻找一些东西，当用鼠标悬停时可以看到有东西。

有几种解决方案可以解决您的问题：
- 稍微有点动画（不烦人）的东西，例如脉动按钮
- 单调背景和清晰可见的边框或围绕可悬停元素的类似东西，以传达该区域是特殊的（就像 Bing 一样）
- 任何类型的小文本、符号等
- 如果它们在悬停文本时出现，您也可以对其进行格式化（虚线下划线等）
- 某种发光边框（可能仅在移动鼠标时才会发光）
- .. .

最后，提示：
为避免误解，请澄清未来的问题，以便每个人都能得到他们的意图，因为这个并不是很清楚（至少对我来说，我不确定我是否在覆盖你的内容想）。