鼠标悬停在另一个图像/链接上时如何显示新图像/窗口

Question

I know this will be an easy one for you guys but I couldn't figure out how to do something like this; http://backpack.tf/

On that page, when you take your mouse to any item it opens a new small window displaying some text/image. What are my options for achieving something like that? JavaScript? I tried using "onMouseOut=" with HTML but it is too simple for what I have in mind.

Answer 1

I'd be tempted to say this is almost certainly a duplicate: Is there a JQuery tooltip plugin that supports HTML content and automatically positions tooltips? . To name but one :)

Either way you should look at tooltips, a quick google search found this:

http://jqueryui.com/tooltip/

It should let you use html content inside the tooltop.

Answer 2

you can use Hover event in jQuery or javascript whatever you like and in that even write your code whatever you want to achieve etiher showing block or displaying image:-

$("#idOfElement").on("hover", function()
{
    ////your code
});