Como Fazer Uma Janela Flutuante

Índice:

Como Fazer Uma Janela Flutuante
Como Fazer Uma Janela Flutuante

Vídeo: Como Fazer Uma Janela Flutuante

Vídeo: Como Fazer Uma Janela Flutuante
Vídeo: BOOM! ATIVE AGORA - YOUTUBE COMO JANELA FLUTUANTE SEM ROOT EM QUALQUER ANDROID 2024, Maio
Anonim

Muitos sites modernos possuem controles originais. Um desses elementos são as janelas pop-up nas quais você pode colocar várias informações úteis, anúncios, controles, enquetes e muito mais. É muito fácil criar um pop-up - use a biblioteca jQuery.

Como fazer uma janela flutuante
Como fazer uma janela flutuante

Instruções

Passo 1

Insira tags em seu código de página que adicionam a biblioteca jQuery. Essas tags parecem bastante padrão:

script src = "jQuery.js" / script

script src = "interface.js" / script

Passo 2

Adicione o código css à folha de estilo para estilizar o pop-up. Especifique parâmetros como posição, altura, estouro, imagem de fundo, posição de fundo, repetição de fundo, estouro, cursor e outros que você possa precisar para estilizar. Esses parâmetros também podem ser definidos na tag head, se você não tiver o princípio de alocar um arquivo especial para estilos em seu trabalho padrão. Você pode escrever código de outras maneiras, usando tags diferentes. Geralmente, há muitas maneiras de escrever janelas flutuantes.

etapa 3

Cole o código do link para o pop-up no corpo da página e descreva o próprio script para abrir o pop-up. Descreva uma função para chamar uma janela usando os comandos padrão show (), TransferTo (), bind () e outros. Tente escrever uma pequena descrição para você ao lado de cada função, para não se confundir com o código, pois você pode interromper completamente o funcionamento de todo o sistema.

Passo 4

Verifique se há erros no código e abra a página em um navegador para ver o resultado do seu trabalho. Para que uma janela pop-up apareça, você precisa clicar no link criado. No futuro, você pode fornecer a aparência automática de uma janela pop-up. O pop-up também deve ter várias características, como a capacidade de arrastar e soltar, minimizar, esticar e, claro, fechar. Todas essas características precisam ser descritas no script pop-up. Fazer janelas flutuantes não é difícil, o principal é saber o básico de programação, já que você precisa de conhecimentos especiais para escrever o código corretamente.

Recomendado: