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


Moderador: web

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

Efeito Explodir uma div com jQuery UI

12-03-2011 22:57

To passando aqui um exemplo bem interessante que pode ser feito com o jQuery UI. Trata-se de um efeito de explosão da div assim que ela for clicada.

<html> <head>   <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>   <style type="text/css">   div { margin: 0px; width: 100px; height: 80px; background: green; border: 1px solid black; position: relative; } </style>     <script>   $(document).ready(function() {   $("div").click(function () {       $(this).hide("explode", 1000); });     });   </script> </head> <body style="font-size:62.5%;">   <div></div> </body> </html>

Fonte: http://docs.jquery.com/UI/Effects/Explode
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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