Question

我开发了一个电子商务网站。对于用户表单输入框，我想将问号图标作为帮助工具。当用户在该图标上抓取鼠标时，它应显示帮助文本。我不知道怎么做。请有人帮我这样做。

由于

Answer 1

你可以放置一个隐藏的div并在鼠标悬停时显示它。如果你正在寻找一些很酷的工具提示，你可以使用Qtip ..

$(document).ready(function() 
{
   $('img[title]').qtip({
      content: {
         text: false // Use each elements title attribute
      },
      style: 'cream' // Give it some style
   });
});

Answer 2

这是给你的一个想法。 http://jquerytools.org/demos/tooltip/index.html

Answer 3

执行search for JQuery tooltips会非常有帮助。

我发现了这个：http://vadikom.com/demos/poshytip/

您可以像这样使用它：

$('#my-html-element').poshytip();

如果您使用班级或ID注释您的图标，则只需拨打上述电话即可。

它还支持像这样的输入框之类的表单元素：

$('#demo-form-name').poshytip({
    className: 'tip-yellowsimple',
    showOn: 'focus',
    alignTo: 'target',
    alignX: 'right',
    alignY: 'center',
    offsetX: 5
});

放置一个图标以显示onmouseover文本

3 个答案: