如何使用jQuery创建一个悬停在表单标签上的图像工具提示？

Question

How can I put an image tooltip on the label of all radio buttons within a form? I am using simple_form to generate the form markup, so each label has a for attribute (eg for="reward_id_79" ) that I could use to link the label with its corresponding image img src='blah.jpg' id='reward_id_79' .

Each radio input will have an associated image that I'd like to display in a tooltip popup with the user hovers over the label text. I'd like not to alter the simple_form output, but instead have a series of hidden images elsewhere in the page.

Answer 1

Take a look at the poshytips jquery plugin.

http://vadikom.com/demos/poshytip/

It does pretty much what you need and is really easy to use.

Answer 2

你可以尝试一个jQuery工具提示插件 ，它看起来非常全功能。