< /div > < div id = ' 'class = ' first_window modal_window ' > Esta es la primera ventana modal < /div >
Configurar las etiquetas HTML en el ejemplo anterior para satisfacer sus necesidades mediante el ajuste de la colocación y div ids .
< br > página 3
Abra el archivo CSS que dicta el estilo de la página web en la misma aplicación para que pueda agregar las ventanas modales estilos CSS , que son esenciales para hacer que sólido de color gris , de fondo : # 246493 ; color: negro ;}
4
Agregue el código show_modal jQuery que es en última instancia responsable de llamar a la ventana y lo que le permite visualizar el documento HTML de su página web :
show_modal función ( modal_id ) {$ ('# mask' ) css ({ 'display' : 'block' , la opacidad : 0 } ) . $ ('# mask' ) fadeTo ( 500,0.8 ) ; $ . ('# ' + modal_id ) fadeIn ( 500 ) . }
5
guardar los archivos HTML y CSS modificado para su sitio web y luego subirlas a su entorno de servidor web de producción para guardar los cambios y empezar a mostrar la ventana modal.
