链接悬停时的预览页面

Question

快速提问：

我可以在网页上的所有链接上启用网站预览吗？
例如，当用户将鼠标移到页面中的任何链接上时，我想显示一个简单的弹出窗口，该窗口将页面加载到链接中。

如果重要的话，我正在使用Asp.net

Answer 1

您可以使用iframe代码显示其他页面。

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

您的HTML

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

您的CSS

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

你的JS

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

JSFiddle： http : //jsfiddle.net/yboss/q29tP/