浮动留言板(jQuery 插件+Ajax)

浮动留言板(JQuery 插件+Ajax)

简介:

主要是一个浮动层再加上一个留言版本的设计,目前只有一种样式.Javascript脚本是由JQuery (V1.3)插件的方式编写,通过Ajax和后台数据互交,服务器端由ASP.NET编程(有兴趣的朋友可以改写成其它代码). 希望大家喜欢.目前版本功能比较简单,如果你有能力/时间也可改写.

Note:
JQuery 地址: http://jquery.com/
JQuery Plugin 教程: http://www.learningjquery.com/2007/10/a-plugin-development-pattern
Visual Studio 2008 IntelliSense:
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: 1.0    Publish Date: 2009-2-1

兼容性:

在下面浏览器测试过,有其他浏览器的朋友可以帮我测测.

• Internet Explorer 6 & 7
• Firefox 2 & 3

图例:

图1.0

图1.1

图1.2

图1.3

图1.4

使用示例:

可由下面简单的代码添加到页面上去.

   
    
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>
   

以上有word 文档直接粘贴,排版可能不太好看,你可以通过下面来下载相应的代码/文档

1,文档

2,代码V1.0

文章为原创,如果需要引用,请保留原地址. 有什么问题/错误的地方请联系 fox7805034 (at) hotmail.com