2014-04-23 3 views
-1

Быстрый вопрос:Страница предварительного просмотра на линии связи

Могу ли я включить предварительный просмотр веб-сайта по всем ссылкам на моей веб-странице?
Т.е. когда пользователь перемещает мышь по любой ссылке на странице, я хочу показать простое всплывающее окно, которое загружает страницу по ссылке.

Если это важно, я использую Asp.net

+0

Да, конечно. Я думаю, что вопрос, который вам нужно задать, - это «как». – mason

+0

да, спасибо за разъяснение :) – MBZ

ответ

2

Вы можете использовать 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/

Смежные вопросы