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

浮动留言板[b](JQuery [/b]插件+Ajax[b])[/b]

简介:

主要是一个浮动层再加上一个留言版本的设计,目前只有一种样式.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