+- Sinisterly (https://sinister.ly)
+-- Forum: Design (https://sinister.ly/Forum-Design)
+--- Forum: Web Design (https://sinister.ly/Forum-Web-Design)
+--- Thread: How to make a pop up bubble? (/Thread-How-to-make-a-pop-up-bubble)
How to make a pop up bubble? - troy_odyssey34 - 05-28-2014
Hey, I've been trying to figure out how to make a pop up message appear where the mouse is when the user hovers over a specific area of the webpage, I don't know if this would be CSS or JavaScript but either way it would be great if I could get this worked out by 11:00 am Thursday. Thanks for the support! ^_^
RE: How to make a pop up bubble? - Plexcon - 05-28-2014
Is this something you're looking for?
RE: How to make a pop up bubble? - ralf93 - 05-28-2014
Its called "Javascript onMouseover"
It simply executes a javascript when you move your mouse over the link/script.
FOR HTML>
Code:
<element onmouseover="SomeJavaScriptCode">FOR JAVASCRIPT>
Code:
object.onmouseover=function(){SomeJavaScriptCode};Example:
Code:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">Source: W3Schools
RE: How to make a pop up bubble? - Justice_mybb_import8175 - 05-28-2014
Correct this can be done with JavaScript. I think @troy_odyssey34 is looking for a bubble look not a boxed look. You will need to download the js files and add the file to your html in the head section and give it a class or an id or whatever you chose. Sorry if this sounds complicated, its actually really easy to do.
*Edit
This may be of interest to you: http://www.webdesignermag.co.uk/blog/interactive-pop-up-bubbles-with-jquery-css/
RE: How to make a pop up bubble? - troy_odyssey34 - 05-29-2014
Thank you all for your help, it is much appreciated! :Grin: