Ir para conteúdo
Fórum Script Brasil
  • 0

Fazer uma popup abrir junto com uma página


Mariana Oliveira Sousa

Pergunta

1 resposta a esta questão

Posts Recomendados

  • 0

Ola Mariana.

Segue abaixo o código de abertura de POP UP, com temporizador, é só configurar o mesmo de acordo com a sua necessidade

Exibição do temporizador de abertura, caso não queira exibir é só apagar está linha.

    <p>A POP-UP abrirá em <span id="seconds">5</span> Segundos</p>

 Alteração do tempo de abertura, caso queira um tempo maior ou menor é só alterar o valor.

      var seconds = 5

 

Código abaixo:

<!DOCTYPE html>

<html>

  <head>

    <meta charset=utf-8 />

    <title>ColorBox demo</title>

    <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />

  </head>

  <body>

    <h1>Olá Pessoal</h1>

    <h2>Aqui é o seu conteúdo</h2>

    <p>A POP UP abrirá em <span id="seconds">5</span> Segundos</p>

 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>

    <script>

      function openColorBox(){

        $.colorbox({iframe:true, width:"80%", height:"80%", href: "http://www.google.com.br"});

      }

     

      function countDown(){

        seconds--

        $("#seconds").text(seconds);

        if (seconds === 0){

          openColorBox();

          clearInterval(i);

        }

      }

 

      var seconds = 5,

          i = setInterval(countDown, 1000);

    </script>

  </body>

</html>

 

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...