Как показать информационную страницу в новый «слой»?

Question

У меня есть контактная ссылка на моем сайте, и я не хочу добавлять к ней простую гиперссылку, потому что моя контактная информация составляет около 5-6 строк текста.

После щелчка Я хочу, чтобы он появился на странице Я нажал ссылку, но в чем-то вроде окна (NO POPUP) - просто на более высоком уровне с кнопкой закрытия. Я уже сделал это с помощью Jquery.animate, что из-за экрана появилась кнопка facebook, но теперь мне нужно что-то другое:].

Как это сделать?

Answer 1

Разное?

попробовать это:

<button onclick="alert('Address: blah blah Phone: 00blah')">Contact Info</button> 

шучу :), вы можете диалоговое окно JQuery UI проверить:

http://jqueryui.com/demos/dialog/

что-то "иной"

Answer 2

Это HTML:

<a id="mci">My Contact Info</a> 

<div id="info_box"> 
     <h1>This is contact info box</h1> 
     <a id="info_box_close">Close</a>  
</div> 

Это CSS:

#info_box { 
display:none; 
position:fixed; 
height:300px; 
width:300px; 
background:#EEEEEE; 
left: 50px; 
top: 50px; 
z-index:100; 
margin-left: 15px; } 

#info_box_close { 
font-size:20px; 
right:5px; 
top:5px; 
position:absolute; 
color:red; 
font-weight:bold;  
} 

И, наконец, Jquery:

<script type="text/javascript"> 

$(document).ready(function() { 

    $('#mci').click(function() { 
      $('#info_box').fadeIn("slow"); 
    }); 

    $('#info_box_close').click(function() {    
      $('#info_box').fadeOut("slow"); 
    }); 

}); 
</script> 

Рабочий пример: диалог щ окно http://jsfiddle.net/wJzTh/