<style>#SenBackLoginBox{
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 10000;
font: 11px tahoma;
display:none;
}
#SenCodeLoginBox{
width: 40%;
top: 15%;
left: 28%;
background: none repeat scroll 0% 0% #E5E5E5;
position: absolute;
margin: 0px auto;
padding: 10px;
border: 6px solid #28A9CC;
text-align: justify;
direction: rtl;
border-radius: 4px;
box-shadow: 0px 0px 15px #4B4849;
z-index: 100;
}
#SenCodeLoginBox{
text-align: justify;
direction: rtl;
}
</style>
<script src="http://up.3nafari.ir/up/3nafari/theme3/js/jquery.js"></script>
<script>
$(document).ready(function(){
$('#sen,#SenCodeLoginBox img').mousemove(function(){
if(typeof jQuery!='undefined'){
if($('#SenBackLoginBox').css('display')=='none')
$('#SenBackLoginBox').fadeIn(400);
else
$('#SenBackLoginBox').fadeOut(400);
}
});
});
</script>
<div style="width:150px" id="sen"><img src="http://moisrex.rozblog.com/user/Avatar/moisrex/oisrex.jpg"></div>
<div id="SenBackLoginBox">
<div id="SenCodeLoginBox">
<img style="width:500;height:500" src="http://moisrex.rozblog.com/user/Avatar/moisrex/oisrex.jpg">
</div>
</div>