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