Latest web development tutorials

jQuery Mensagem

jQuery mensagem plug-in permite que você exiba facilmente uma mensagem de feedback sobre a camada de cobertura. A mensagem desaparecerá automaticamente após um determinado período de tempo, você não precisa clicar em botões "OK". O usuário pode mover o mouse ou clique em qualquer lugar para acelerar a informação escondida.

A versão plug-in é atualmente 1.0.0.

JQuery mensagem visite o site oficial, o download do plugin jQuery mensagem.


uso

Para usar o widget mensagem, selecione o texto que deseja exibir elementos do texto como um parâmetro passado para ele:

$ (Function () {$ () Message ( "Olá mundo!") ;. // Ou $ ( ".feedback") Message ( ) ;.});

Existem várias opções predefinidas. Se você estiver interessado, você pode ver o exemplo completo a seguir demonstra.

Exemplos Demonstração

jQuery mensagem plug-in de demonstração.

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Title> jQuery Widget Mensagem </ title> <link rel = "stylesheet" type = "text / css" media = "screen" href = "http://jquery.bassistance.de/message/jquery.message.css" /> <Script src = "http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" type = "text / javascript"> </ script> <Script src = "http://jquery.bassistance.de/message/jquery.message.js" type = "text / javascript"> </ script> <Script type = "text / javascript"> mensagem $ (function () {$ () ( "Olá, mundo, sobre o documento pronto!"); .. $ ( "# demonstração") apresentar (function (e) {e.preventDefault ( ); $ () mensagem ($ ( "# mensagem"). val ()) ;.})}); </ script> <Style type = "text / css"> </ Style> </ Head> <Body> <H1 id = "banner"> jQuery Widget Mensagem demonstração </ h1> <Div id = "main"> <Form id = "demo"> <Input name = "mensagem" id = "mensagem" /> <Input type = "submit" value = "mensagem" /> </ Form> </ Div> </ Body> </ Html>

tente »