desenvolvedores da Web olhando para adicionar um toque original a interface de usuário do seu site pode empregar uma linguagem de programação baseada em Javascript conhecido como jQuery. Janelas modais pode ser uma boa maneira de mostrar pequenos pedaços de informação para os usuários interagem com o seu site ou aplicação web. Você também pode usar janelas modais para exibir erros e pedir que o usuário digite em informações adicionais. Obtendo a janela modal de exibição é uma questão de usar o código correto e configurá-lo corretamente para trabalhar com o resto do seu site. Instruções
1
Abra o HTML da sua página web usando um aplicativo de codificação de página da Web ou um aplicativo de edição de texto simples como o bloco de notas ou Mac OS X TextEdit .
2
Adicione o janela modal para o seu site usando o seguinte código:
modal janela < /h1>
Primeira janela modal
Esta é a primeira janela modal
Configure as tags HTML no exemplo acima para atender às suas necessidades , ajustando o posicionamento e ids div.
< br >
3
Abra o arquivo CSS que dita o estilo da sua página web na mesma aplicação , de modo que você pode adicionar os estilos CSS janela modal , que são essenciais para torná-lo cinza sólida; background: # 246493 ; color: black; }
4
Adicione o código jQuery show_modal que é em última instância responsável por chamar a janela e permitir que ele para exibir o documento HTML do seu site :
. show_modal função
( modal_id ) {$ ('# mask ') css ({ 'display' : 'block' , a opacidade : 0} ); . $ ('# mask ') fadeTo ( 500,0.8 ); $ ('# ' + modal_id ) fadeIn (500 ); . }
5
salve o HTML modificado e arquivos CSS para o seu site e , em seguida, enviá-los para seu ambiente de servidor web de produção para salvar as alterações e início exibir a janela modal.