javascript - How to show live preview in a small popup of linked page on mouse over on link? -


How will the live preview show in the little popup of the page added to the link?

Text ">

You can use an iframe to display a preview of the page on the mouseover.

  & lt; A href = "http: //en.wikipedia.org/">Wikipedia</a><div class =" box "& gt; & Lt; Iframe src = "http://en.wikipedia.org/" width = "500px" height = "500px" & gt; & Lt; / Iframe & gt; & Lt; / Div & gt; The mouseover is open on  

CSS:

  .box {display: none; Width: 100%; } A: Hover +. Box, .box: hover {display: block; Status: Relative; Z-index: 100; }  

.


Comments

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

php - multilevel menu with multilevel array -

jQuery UI: Datepicker month format -