Source code download
Http://download.csdn.net/source/858698
Usage
- <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <HTML xmlns = "http://www.w3.org/1999/xhtml">
- <Head>
- <Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
- <Title> jquery plug-in plugin message plug-in-a bright blog </title>
- <SCRIPT type = "text/JavaScript" src = "jquery-1.2.6.pack.js"> </SCRIPT>
- <SCRIPT type = "text/JavaScript" src = "jquery. Messager. js"> </SCRIPT>
- <SCRIPT type = "text/JavaScript">
- $ (Document). Ready (function (){
- $. Messager. Show (0, 'Send you a jquery Messager message pop-up plug-in! ');
- $ ("# Showmessager300x200"). Click (function (){
- $. Messager. Lays (300,200 );
- $. Messager. Show (0, 'messages of 60000 x200 );
- });
- $ ("# Showmessagerfadein"). Click (function (){
- $. Messager. anim ('fade, 2000 );
- $. Messager. Show (0, 'fadein animated message ');
- });
- $ ("# Showmessagershow"). Click (function (){
- $. Messager. anim ('show', 1000 );
- $. Messager. Show (0, 'show animated message ');
- });
- $ ("# Showmessagerdim"). Click (function (){
- $. Messager. show ('<font color = Red> Custom title </font>', '<font color = Green style = "font-size: 14px; font-weight: bold; "> Custom content </font> ');
- });
- $ ("# Showmessagersec"). Click (function (){
- $. Messager. Show (0, 'close message' in one second, 1000 );
- });
- });
- </SCRIPT>
- <Style type = "text/CSS">
- <! --
- Body, TD, Th {font-size: 12px ;}
- Body {background-color: # fefefefe ;}
- P {width: 80%; Height: auto; padding: 10px; Background-color: # d6f097; Border: solid 1px # ff9900; color: #333; margin-left: auto; margin-Right: auto ;}
- Input {background-color: # f5d99e; color: #333; Border: solid 1px #993300; font-size: 12px ;}
- -->
- </Style>
- <Body>
- <H2> jqueyr Plugin-Messager Author: Zhao Ge </H2>
- <P> <input type = "button" id = "showmessager300x200" value = "display a x message"/> </P>
- <P> <input type = "button" id = "showmessagerfadein" value = "display a fadein animation message"/> </P>
- <P> <input type = "button" id = "showmessagershow" value = "display a show animation message"/> </P>
- <P> <input type = "button" id = "showmessagerdim" value = "display definition content and title message"/> </P>
- <P> <input type = "button" id = "showmessagersec" value = "Close messages in one second"/> </P>
- <Br/>
- <A href = "http://www.94this.com.cn/article/241.htm"> code download </a>
- </Body>
- </Html>