Looking for a very simple pop-up/light-box information display javascript.

[NoSalt]

Hello All

 

    I am working on a page that has data elements. I want the users to be able to hover over each data element and have a box pop-up/appear/materialize with more information for each element. I, obviously, don't want to use the Javascript "alert" function so I am looking for something very simple yet elegant for this. I have seen what I want out there on the net but I am not sure how they implement it. I thought I could use Javascript or CSS to change a box's visibility when hovered over, but I would like the box to be near the original, hovered over, element and I don't really know how to go about repositioning this box for each element. Like I said, I am hoping to find something simple so that I may learn and expand on the code. Does anybody have any good ideas?

 

Thanks for reading and have a great day.