Floating message board(JqueryPlug-in + Ajax)
Introduction:
mainly refers to the design of adding a message version to a floating layer , currently, there is only one style . javascript the script is composed of jquery (v1.3) plugin , Ajax intercommunication with background data , server terminal Asp. net programming ( if you are interested, you can rewrite it to another Code ). Hope you like it . the current version features relatively simple and if you have the / time can also be rewritten .
Note:
JqueryAddress: Http://jquery.com/
Jquery pluginTutorial: Http://www.learningjquery.com/2007/10/a-plugin-development-pattern
Visual Studio 2008 intelliisense:
Http://blogs.msdn.com/webdevtools/archive/2008/10/28/rich-intellisense-for-jquery.aspx
Http://blogs.msdn.com/webdevtools/archive/2008/11/07/hotfix-to-enable-vsdoc-js-intellisense-doc-files-is-now-available.aspx
Version Information:
Version: 1.0Publish Date: 2009-2-1
Compatibility:
Tested in the following Browser,If you have other browsers, you can test them for me..
- Internet Explorer 6 & 7
- Firefox 2 & 3
Legend:
Figure1.0
Figure1.1
Figure1.2
Figure1.3
Figure1.4
Example:
You can add the following simple code to the page:.
Step 1
<Div ID= "Jquery_panel"> </Div>
Step 2
<Script Type= "Text/JavaScript" SRC= "Jscript/jquery. js"> </Script>
<Link REL= "Stylesheet" Type= "Text/CSS" Href= "Fastfeedback/panel/jquery.panel.css"/>
link rel =" stylesheet " type =" text/CSS " href =" fastfeedback/panel/skins/blue/css.css " />
<Script Type= "Text/JavaScript" SRC= "Fastfeedback/panel/jquery. Panel. js"> </Script>
Step 3
<Script Type= "Text/JavaScript">
$ (Document). Ready (Function(){
$ ("# Jquery_panel"). Panel ();
});
</Script>
Directly paste the above Word documents, and the layout may not look good. You can download the corresponding code/document below.
1. Document
2. Code V1.0
ArticleOriginal. If you need to reference it, keep the original address. If you have any questions or errors, contact fox7805034 (AT) hotmail.com.