css
Kód:
#alert{
position:absolute;
width:300px;
height:150px;
left:50%;
top:50%;
margin: -75px 0 0 -150px;
z-index:1000;
}
html
HTML kód:
<a class="show-alert" href="#">Alert megjelenítése!</a>
<div id="alert">
ide jön a 2 link
<a class="close-alert" href="#">Bezár</a>
</div>
js (jQuery fölé pl.)
Kód:
$document.ready(function(){
$('#alert').hide();
$('.show-alert, .close-alert').click(function(){
$('#alert').toggle();
});
});
Ez a nagyjából faék-egyszerűségű verzió.
Bocsi, csak most látom, hogy te kérdeztél, neked valószínűleg nincs szükséged a fentiekre, de mostmár nem törlöm, hátha valakinek hasznos lehet.
Könyvjelzők