Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como obter um Modal jQuery para mostrar
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


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.

Anterior :

Próximo : No
  Os artigos relacionados
·O que é um arquivo AXD 
·JavaScript vs Java Applets robustos 
·Como desenhar curvas com Javascript 
·Como acessar o acelerômetro Via Javascript no Android 
·Como adicionar controles para o Google Maps API 
·Alternativas para botões de rádio em JQuery 
·Código de Validação JavaScript para campos correspon…
·Uma nova janela é bloqueado em JavaScript 
·Como Obter largura de um elemento em Javascript 
·Como usar o Java Script no Microsoft Office 
  Artigos em destaque
·Como exibir uma lista de strings em ListView 
·Recursos básicos de Microsoft Visual FoxPro 
·Os métodos estáticos em Java Subclasse 
·Como adicionar uma imagem de fundo usando programação…
·Telefone Android App Development 
·Como ler um campo CLOB 
·Como Graph Fractals da TI- 82 
·Como executar o CLS De Java 
·Como combinar um arquivo usando C + + 
·Como detectar o tamanho de uma Viewport 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados