Да ладно, что серьёзно?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<style>
body {
height: 2500px;
}
#bg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000000;
background: #c1c1c1;
opacity: 0.5;
display: none;
}
#onclick {
width: 50px;
height: 50px;
background: #c1c1c1;
}
</style>
<body>
<wrapper>
<div id="onclick"></div>
<input type="button" value="Магия" id="magic">
</wrapper>
<div id="bg"></div>
</body>
<script>
$('#onclick').click(function(){ alert('It`s click.') });
$('#magic').click(function(){
$('#wrapper').css('width', $('#wrapper').css('width'));
$('body').css('overflow', 'hidden');
$('#bg').show();
})
</script>