室內設計2:其他應用

animate、scrollTop…


各頁內容:

  • P1:一、各頁內容的載入
    【學習目的】

    • 利用jQuery中Load事件,取代DW範本執行
    • 利用jQuery中的【data-*】,將變數寫在html結構上, 加入各頁內容外部載入檔案
  • P2:二、三、nav 點選時,緩慢捲動至各頁動畫效果
    • 練習1: 【.gotop】視窗置頂
    • 練習2:nav click捲動至各頁
  • P3:四、加入右側的【#AD】廣告
  • P4:五、形影相隨的注解

範例結果

一、各頁內容的載入

利用jQuery中Load事件,取代DW範本執行

S1:在首頁section區,將各頁內容外部載入檔案,利用jQuery中的【data-*】 加入

參考連結:【HTML data-*屬性】、【jQuery雜項data()方法

S2:載入各頁美化的CSS檔至首頁,並需注意以首頁為基準,其相關link路徑考量