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/

链接悬停上的预览页面

1 个答案: