六角學院｜JQuery(下)

使用 html()、text() 載入內容
text:https://codepen.io/TANGJANE/pen/xXgjNW
html:

lick()、on() 的差別




jQuery 常用小技巧
attr() - 動態增加 HTML 標籤屬性
* overflow: hidden;  超出頁面部分隱藏http://www.wibibi.com/info.php?tid=157

remove() - 移除網頁標籤小工具
*tr、td:http://www.smalljacky.com/web-design/html/html-table-structured-merge-group/

top 滑動效果
<JS>
$(document).ready(function() {

 $('.top a').click(function(event) {
  event.preventDefault();
//取消默認
  $('html,body').animate({
    scrollTop: 0
  }, 1000);
 });
//滾輪在要回到0花時間1秒的動畫效果
});

使用 fontAwesome 動態加入連結 icon
字形檔icon放大縮小解析度不失真
link:https://codepen.io/TANGJANE/pen/ZXeKqx
font-awesome:http://fontawesome.io


第三方Plugin
Lightbox 2 - 圖片燈箱效果
Lightbox:http://lokeshdhakar.com/projects/lightbox2/
section:http://www.kaiching.org/2012/01/html-5-section.html

Nivo Slider - 圖片輪播效果
Nivo Slider:https://github.com/Codeinwp/Nivo-Slider-jQuery

Peity - 無痛設計網頁圖表資訊
Peity:http://benpickles.github.io/peity/

教你如何管理多個 jQuery Plugin
(1)先跑css再跑js核心
(2)插入plug-in
(3)再去跑自己寫的all.js
//(4)也有些第三方插件需要全部寫完再做插入