What’s the benefit of purchasing LED TV’s?
Efecto PopUp
Este Pop up esta listo para funcionar al momento que carga la pagina (el DOM). Esto se puede cambiar a su gusto, para cerrarlo se hace click en la imagen "X":Codigo:
<!--codigo por adan-2994.es.tl -->
<style>div#pop-up{padding:12px;width:400px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
position:absolute;
top:10%;
left:-50%;
z-index:2;
display:none;
opacity:0;
background-color:COLORFONDO;
color:COLORLETRA;
border:1px solid black;
}</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>$(document).ready(function(){
pop=$("div#pop-up");
abrir();
//funciones abrir cerrar adan-2994.es.tl
function abrir(){ pop.stop().css( 'display','block' ).animate({'left':'33%','opacity':1} ,900); }
function cerrar(){ pop.stop().animate({'left':'-50%','opacity':0},900,function(){pop.css('display','none');}); }
$("div#cerrar").click(function(){cerrar();});
});/*codigo por adan-2994.es.tl*/</script>
<div id="pop-up" >
<div style="cursor:pointer;width:28px;height:28px;background-size:28px;background-image:url(https://img.webme.com/pic/a/adan-2994/cerrar2.png);background-repeat:no-repeat;" id="cerrar"></div>
Aqui escribes tu anuncio o colocas tus imagenes
</div><!--codigo por adan-2994.es.tl -->
En el codigo verde puedes personalizar el diseño, como el color y tamaño del cuadro.
En el codigo naranja puedes cambiar la imagen de la "X".
En el codigo azul es donde colocas tus anuncios que apareceran en el "Pop-up".
Recent Comments