06 Ago Guía para Mostrar Ventanas Emergentes Automáticas con Bootstrap
Cómo mostrar ventana emergente de forma automática usando modal bootstrap
En este post os voy a dejar el código necesario para que se os abra un popup automáticamente cuando entréis en una pagina. Estos popup yo los suelo utilizar en tiendas online sobre todo ya que pueden servir via informativa de alguna promoción de algún producto en especial. Yo encontré este simple ejemplo en getbootrap y aparte tenéis que agregarle los jquery correspondientes. También podéis utilizarlo en vuestros diseños web personalizados.
Algoritmos de Planificacion FCFS, SJF, SRTF, ROUND ROBIND |
Guía Completa: Como crear una Tienda en Instagram 2023 |
Diseño Web |
Bueno no me en royo mas aquí os dejo el código fuente.
<html><head> <meta charset="utf-8"> <title>Mostrar Ventane Modal de forma Automático</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="//code.jquery.com/jquery-1.12.0.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script> $(document).ready(function() { $("#mostrarmodal").modal("show"); }); </script></head><body> <div class="modal fade" id="mostrarmodal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Cabecera de la ventana</h3> </div> <div class="modal-body"> <h4>Texto de la ventana</h4> Mas texto en la ventana. </div> <div class="modal-footer"> <a href="#" data-dismiss="modal" class="btn btn-danger">Cerrar</a> </div> </div> </div></div></body></html>
