- Código:
/*Open Links "Poupup"*/
#framelink {
background: #fff;
background-image:url(http://i15.servimg.com/u/f15/17/71/75/73/aguard10.gif);
background-size: 100%;
width: 90%;
border: 2px solid #ddd;
height: 550px;
border-radius: 6px;
border-top-style: dashed;
}
#centerLocatio {
width:100%;
height:500%;
background: rgba(50, 50, 50, 0.3);
position:fixed;
}
#locs2 {
margin-top:5% !important;
}
#locs {
top:0%;
position: fixed;
z-index: 999;
width: 100%;
height: 1000px;
background: rgba(50, 50, 50, 0.45);
}
#fecha {
color: red;
font-weight: bold;
background: #fff;
border: 1px solid #ddd;
border-top-style: dashed;
cursor: url('http://img97.imageshack.us/img97/9688/cur5582.png'), auto;
padding: 5px;
padding-top: 1px;
border-radius: 6px;
}
- Código:
$(document).ready(function(){
$('body').prepend('<center id="locs"><div id="locs2"><span id="fecha">Fechar</span><br><iframe id="framelink" src=""></iframe></div></center>');
$('#locs').hide();
$('a[target="_blank"]').click(function(){
var capturaLink = $(this).attr('href');
$('#framelink').attr('src', capturaLink);
$('#locs').fadeIn();
return false;
});
$('#fecha').click(function(){
$('#framelink').attr('src', '');
$('#locs').fadeOut();
});
});
Sempre que o(a) senhor(a) clicar em algum link externo, irá abrir a página em um popup.
Com um loading-page atualizado.
Desenvolvido por HenRyqUéè | D'Leandro™ (Novo Design)
Editado e Postado por 2012 © Staffer Group BR™
Editado e Postado por 2012 © Staffer Group BR™