html - Preview page on link hover -


quick question:

can enable website preview on of links in web page?
i.e. when user moves mouse on link in page, want show simple popup window loads page in link.

if it's important, i'm using asp.net

you can use iframe tag display page.

    <iframe src="http://www.example.com"></iframe> 

your html

 <a class="tiptext">a link  <iframe class="description" src="http://www.example.com"></iframe>  </a> 

your css

.tiptext {     color:#069;      cursor:pointer; } .description {     display:none;     position:absolute;     border:1px solid #000;     width:400px;     height:400px; } 

your js

$(".tiptext").mouseover(function() {     $(this).children(".description").show(); }).mouseout(function() {     $(this).children(".description").hide(); }); 

jsfiddle: http://jsfiddle.net/yboss/q29tp/


Comments

Popular posts from this blog

git - Initial Commit: "fatal: could not create leading directories of ..." -

multithreading - OPAL (Open Phone Abstraction Library) Transport not terminated when reattaching thread? -