entonces despues de googlear un rato encontre un plugin llamado simplemodal
pueden encontrar mayor informacion en la pagina del autor y hasta algunos demos.
su implementacion es muy sencilla
crearemos un archivo llamado pop-up.html con el siguiente formato dentro de la carpeta principal del demo que hemos descargado
en el head colocamos los archivos js y css que son necesarios para el funcionamiento correcto
para nuestro ejemplo nos basaremos en este ejemplo descargar
<head>
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />
<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>
</head>
luego de tener nuestras librerias en el body colocamos el funcionamiento
<body>
<a href='#' class='basic'>Demo</a>
<div id="basic-modal-content">
aqui colocaremos la informacion que necesitaremos mostrar en el pop-up
</div>
</body>y eso es todo :) espero que les sirva
No hay comentarios:
Publicar un comentario