0

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

谢谢

4

3 回答 3

1

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

$(document).ready(function() 
{
   $('img[title]').qtip({
      content: {
         text: false // Use each elements title attribute
      },
      style: 'cream' // Give it some style
   });
});
于 2012-09-24T08:36:00.930 回答
0

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

于 2012-09-24T08:37:15.790 回答
0

搜索 JQuery 工具提示会很有帮助。

我发现了这个：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
});
于 2012-09-24T08:37:59.933 回答