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