Your technology certification is waiting. Enroll in Cloud Class ®
<title>Your Page Title</title>
<!--You can just add some CSS code to the top of your page below the <head>, to make a CSS class in order to customize the look of the pop-up. -->
<!--The part the code above of interest to you, is the 3rd line: filter:alpha(opacity=80);. This line makes the popup transparent with the opacity value set to 80-->
<!--You can set the opacity within 0 - 100. If you set to 0, you won't see the popup. -->
border: 1 red solid;
/* this function shows the pop-up when
user moves the mouse over the link */
/* get the mouse left position */
x = event.clientX + document.body.scrollLeft;
/* get the mouse top position */
y = event.clientY + document.body.scrollTop + 35;
/* display the pop-up */
/* set the pop-up's left */
//Popup.style.left = x;
Popup.style.left = 0;
/* set the pop-up's top */
//Popup.style.top = y;
Popup.style.top = 0;
/* this function hides the pop-up when
user moves the mouse out of the link */
/* hide the pop-up */
<body bgcolor="#FFFFFF" text="#000000">
<!--The last part is placing the function into the body of the page-->
<a href="" onMouseOut="Hide()" onMouseOver="Show()" onMouseMove="Show()">Move the mouse over here</a><br>
Move your move over the link above and the pop-up appears. And the pop-up<br>
follows your mouse as long as your mouse is still over the link.
<div id="Popup" class="transparent">
<div style="background-color:#C3FDB8"> <b>Title goes here</b></div>
<div>Description goes here</div>
Open in new window
The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Please enter a first name
Please enter a last name
Must be at least 4 characters long.
Join and Comment
From novice to tech pro — start learning today.
Premium members can enroll in this course at no extra cost.