弘光 - 99-1 網路程式設計 - jQuery

jQuery


介紹：Link
下載：jQuery Regular (179kb)

使用方式：

1. 下載jQuery   Ex: jquery-1.4.4.js
2. 開啟網站專案 (ASP .NET, C#)
3. 加入現有項目，加入js檔
4. 使用：

    ＜script type="text/javascript" src="jquery.js">

Plug-in　練習

1. TableSorter
• 介紹 : http://tablesorter.com/docs/
• Demo:http://tablesorter.com/docs/example-option-sort-key.html
• 下載：http://tablesorter.com/docs/#Download
  
  
2. jQuery UI - Tab
• 介紹 : http://jqueryui.com/demos/tabs/#default
• 下載：http://jqueryui.com/download
• Steps
• 加js
• 加UI
• 加Themes
• 加CSS
  
3. jQuery UI - Slider
• 介紹 : http://jqueryui.com/demos/slider/#rangemin
• Range with fixed minimum
• Multiple silders
• Simple scrollbar
4. jQuery UI - Hide
• 介紹 : http://jqueryui.com/demos/hide/
• Range with fixed minimum
5. jQuery UI - Progressbar
• 介紹 : http://jqueryui.com/demos/hide/
• http://jqueryui.com/demos/progressbar/#animated
6. ThickBox 3.1
• 介紹 : http://jquery.com/demo/thickbox/
• Download
   thickbox.js or thickbox-compressed.js, ThickBox.css, and the loading graphic (loadingAnimation.gif) to your local machine (or cut and paste the code from the tabs). Along with these three files, a copy of the jQuery JavaScript library is needed. For this site, and ThickBox, I am using the compressed version of jQuery.