Floating message board (jquery plugin + Ajax)

Source: Internet
Author: User

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.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.