Materialize CSS

Materialize CSS

1. Collection變化用法

• 換icon的方法：

<i class="large material_icons">insert_chart</i> （改large material_icons的部分）

（1）內建圖示

（2）用自己找的圖片：圖片網址或是位址

• 加上For Loop跟陣列：
  這樣加入新的項目時會比較方便，只需要在a、b陣列內直接加上照片和名稱即可，不需要更動很多程式碼
  
  
  
  
  
• 按下圖片或文字時，跳到另一個頁面：

  （1）新增一個陣列（範例中的 var c），裡面若干個網址

  （2）把上面的程式碼 text += '<a href="#!" class="secondary-content"><i class="material-icons"grade</i></a>'; 這行去掉

  （3）在第一行加上 text += '<a href="'+ c[i] +'">;

  
  
  

• 按下圖片或文字時，跳出大圖：

（1）語法與前者相似，把 text += '<a href="'+ c[i] +'">; 替換成 text += '<a href="檔名.html?abc='+ c[i] +'">'; 即可

（2需新增一個html檔（範例中名稱為test.html），其中的程式碼如下（有運用到解析網址參數）：

//學習心得//
隨著時間的推進，不知不覺已經到學期中了，離課程結束也剩不到三個月的時間，但對於期末要交的網站，還是沒有什麼特別的想法。不過我會慢慢的去思索，什麼樣的設計能把老師上課所教的東西都用進去，也期許自己在課程結束後，能真正意義上的充實到自己的實力。