浮动留言板(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


图例
:

浮动留言板(JQuery 插件+Ajax)_第1张图片
1.0

浮动留言板(JQuery 插件+Ajax)_第2张图片

1.1

浮动留言板(JQuery 插件+Ajax)_第3张图片

1.2

浮动留言板(JQuery 插件+Ajax)_第4张图片

1.3

浮动留言板(JQuery 插件+Ajax)_第5张图片

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

你可能感兴趣的:(浮动留言板(JQuery 插件+Ajax))