函式傳遞引數：引數=JS的資料型別。

遵循的原則：1.儘量保證HTML程式碼結構一致，可以通過父元素獲取子元素；2.把核心主程式通過函式包起來；3.把魅族不同的值找出來，通過傳參實現。

以下為多組圖片切換的例項。

以上為效果圖。左圖是通過點選右邊方框，實現切換影象。右圖是通過滑鼠移動到相應方框，來實現切圖。

我是通過先做出左圖的效果，然後再調整修改做出二圖。

1）這是HTML部分，其中效果圖上的右方框是通過列表實現的，只是列表將通過JS來實現。

2）下圖是HTML部分，因為兩個div內的樣式相同。所以給其新增一個class，減少程式碼的重複量。

3）先分析只有一組圖片切換的JS的寫法：

     3.1先獲取元素 。

   3.2宣告兩個陣列，存放圖片的地址，以及文字說明。

     3.3插入li列表

     3.4初始化，使頁面呈現第一頁的效果圖。

      3.5主函式如下：通過新增索引值來實現一一匹配關係；同時，下面的for迴圈是清楚右側方框點選的效果，實現只點擊當次方框。方框的背景色變換回。

     以上為一組圖片切換的程式碼。如果換成兩組圖片切換，比較參照兩組圖片的不同之處，來寫出相對應的程式碼；

 4）通過比較得出：兩組圖片的div有不同的id，圖片的文字說明，以及數量也不同。並且事件也不同，左圖是onclick,右圖是onmouseover，但是在寫程式碼的時候，可以通過先寫主函式，然後再看函式中有哪些傳遞引數。

     4.2以下為獲取元素：可以看書，只有在獲取div元素的時候與之前有了變化，因為這邊涉及到一個傳參。

     4.3獲取li

     4.4以函式的形式將初始化表現出了來，方便待會寫主函式直接呼叫。當然也可以將3.4的內容用函式的形式表現。

     4.5傳參evt為兩組圖片的不同事件表現。

總結：通過函式，大大地減少了程式碼的重複量，如果不用函式，相當於3的內容要寫上兩遍，如果超過了2組圖片，有3組，乃至更多，如果不用函式，程式碼量將大大增大，並且盡是重複程式碼。合理使用函式，可以讓程式碼的編寫更輕鬆，靈活。