浮動留言板(JQuery 外掛程式+Ajax)

來源:互聯網
上載者:User

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

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.