Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17680
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de div com 2 botões de X para fechar a div jQuery

14-02-2016 17:01

Nesse post vou mostrar um script que serve para ser colocado em anúncios exibidos em div. Onde será exibido 2 X para fechar o anúncio. Um na esquerda e um na direita.

Somente um dos X irá funcionar, o outro é falso.

<style type="text/css"> #popup{ position: absolute; top: 30%; left: 30%; width: 300px; height: 150px; padding: 20px 20px 20px 20px; border-width: 2px; border-style: solid; background: #ffffa0; display: none; } .direita{ float:right; } .esquerda{ float:left; } </style> <script src="jquery.js"></script> <script> $(document).ready(function() { $("#popup").show(); $(".esquerda").click(function() { $("#popup").hide(); }); }); </script> <div id="popup"> <div class="esquerda"><a href="#">X</a></div> <div class="direita"><a href="#">X</a></div> <br /> Esse é um exemplo de popup utilizando DIV. Dessa maneira esse pop-up não será bloqueado. </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado