
Originariamente inviata da
darkhero
Ecco un esempio (qua puoi copiare ed incollare tutto su un foglio .html e vedere il risultato).
codice:
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<div id='background-popup'>
<a href='javascript:chiudi();'>Chiudi</a>
<div id='divqualunque'>
BENVENUTO IN QUESTO SITO!
</div>
</div>
<style>
#background-popup{
position:fixed;
width:400px;
height:400px;
top:50%;
left:50%;
margin-left:-250px;
margin-top:-250px;
background:#eee;
border-radius:10px;
box-shadow:0px 0px 40px rgba(0,0,0,0.5);
padding:50px;
text-align:right;
}
#background-popup a{
color:black;
}
#divqualunque{
border-top:1px solid rgba(0,0,0,0.5);
padding-top:20px;
text-align:left;
}
</style>
<script>
function chiudi(){
$("#divqualunque").css("display","none");
}
</script>
Nelle prime due righe importo il jquery.
Le altre 6 righe formano la mia struttura in html.
Tutto quello tra i tag STYLE puoi metterlo nel css.
Tutto quello tra i tag SCRIPT è il codice jquery per nascondere/chiudere il popup.