jquery.com + Notepad++ ve birazcık html ile Javascipt bilgisi.

En iyi kitap bu.

Ben size başlangıç olarak şöyle bir kod yazayım, siz hem geliştirin hemde öğrenin

<html>
<style>
.PopUp-Body{
display:none;
background:rgba(0,0,0,.4);
position:absolute;
width:100%;
height:100%;
}
.PopUp{
width:600px;
height:600px;
margin:auto auto;
position:absolute;
top:44%;
left: 44%;
background:white;
padding:12px
}
.PopUp-Body.show{
display:block;
}
</style>



<div>
İçerik <a>özellikleri<a>
</div>

<div class="popUp-body">
   <div class="popUp">
          İçeriğin özellikleri şu şekilde
    </div>
</div>



<script>
var a = $('html a'),
     popBody=$('.PopUp-Body');
a.click(function(){
      goster();
});
popBody.click(function(){
      gizle();
});
function goster(){
  $('.PopUp-Body').addClass('show');
}

function gizle(){
  $('.PopUp-Body').removeClass('show');
}
</script>
</html>
Biraz kulağını tersten göstermek gibi, uzatarak yazdım ki daha çok özellik görebilesin Kolay gelsin