jQuery Message
jQuery Message plug-in allows you to easily display a feedback message on the cover layer. The message will disappear automatically after a certain period of time, you do not need to click "OK" buttons. The user can move the mouse or click anywhere to speed up the hidden information.
The plug-in version is currently 1.0.0.
JQuery Message visit the official website, download the jQuery Message plugin.
Use
To use the Message widget, select the text you want to display elements of the text as a parameter passed to it:
$ (Function () {$ () Message ( "Hello world!");. // Or $ ( ".feedback") Message ( );.});
There are several default options. If you are interested, you can view the complete following example demonstrates.
Examples Demo
jQuery Message plug-in demonstration.
<! Doctype html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> jQuery Message widget </ 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"> $ (function () {$ () message ( "Hello world, on document ready!");.. $ ( "# demo") submit (function (e) {e.preventDefault ( ); $ () message ($ ( "# message".) val ());.})}); </ script>
<Style type = "text / css">
</ Style>
</ Head>
<Body>
<H1 id = "banner"> jQuery Message widget demo </ h1>
<Div id = "main">
<Form id = "demo">
<Input name = "message" id = "message" />
<Input type = "submit" value = "message" />
</ Form>
</ Div>
</ Body>
</ Html>
try it"