10 caixas de diálogo – jQuery Modal

12fev 2011, às 11:01

Publicado em Recursos jQuery | Deixe o seu comentário (3) »

publicado por: Magno Valdetaro

jquery-modal

Uma ótima maneira de mostrar informações rápidas para o usuário é o uso de caixas de diálogo modals ou janelas, como preferir. As caixas de diálogo também podem ser usadas para alerta-los para avisos, erros, para exibir formulários e muito mais. Apresento a vocês 10 opções deste ótimo recurso em jQuery, aproveite!

1. Exit Modal Box

Exibe um modal com uma mensagem específica antes que o usuário deixe seu site.

2. Smooth Popup Box

Tutorial de criação de popup utilizando jQuey (em inglês)

3. ThickBox

Este é uma caixa de diálogo escrita com jQuery para exibir uma ou múltiplas imagens, de conteúdo internos, em um iframe ou por meio de AJAX.

4. Boxy

É uma modal estilo Facebook escrito em jQuery com opção de arrastar e redimensionar.

5. Simple jQuery Modal

Cria um simples modal com jQuery

6. ColorBox

Elegante modal aos moldes do lightbox, fácil de customizar e leve.

7. Upload in Modal Window

Um modal para upload semelhante ao do Wordpress.

8. UI Dialog

Ui Dialog faz parte da biblioteca de interface de usuário para jQuery, flexível em seu uso, porém trabalho na customização.

9. Ajax Contact Form

Um excelente formulário de contato usando AJAX e jQuery.

10. Impromptu

Permite a criação de formulários com caixas de diálogo.

Posts relacionados:

Compartilhe:
  • Twitter
  • Rec6
  • Ueba
  • doMelhor
  • Dihitt
  • FriendFeed
  • Linkk
  • Ping.fm
  • Sapo
  • StumbleUpon
  • Technorati
  • LinkedIn
  • Facebook
  • del.icio.us
  • Turn this article into a PDF!
  • E-mail this story to a friend!

Continue acompanhando através do Feed RSS, por e-mail ou via Twitter.

3 comentários: “10 caixas de diálogo – jQuery Modal”


  1. Rafael Cirolini diz:

    Pessoal,

    Muito legal todos os exemplos, mas o lightbox que é um dos mais famosos não entra na lista?

    []`s


  2. Alex Nascimento diz:

    Recomendo para wordprees, o Simple Modal, muito bom também - http://www.ericmmartin.com/projects/simplemodal/


  3. Lincoln diz:

    Muito bom! Ferramentas muito úteis. Vou implementá-las, logo logo, no meu blog!

Design Kamikaze 2009-2013'

(CC) Alguns direitos reservados.

Política de Privacidade