如何使用javascript實現輪播？

Question

！ 圖片從左向右滾動，當它懸停在區域中間時，它會變成原來的大，當它通過中間位置時，它會越來越小，消失。 是否有人知道如何使用JavaScript來實現這項工作？任何參考將不勝感激。

Answer 1

你基本上要求有人向你解釋Carousel的很多方面是如何工作的。這種級別的細節的最佳選擇是讓你找到現有的一個實現並分析它們。

概念轉盤行爲包括：

1. 加載圖像的數量。
2. 添加事件處理程序以響應鼠標事件。
3. 檢測某些鼠標事件並觸發滾動動作的開始。
4. 創建動畫以顯示翻譯圖像並更改其大小的動作。
5. 有幾種不同的動畫和更改大小的方法。這可以通過CSS3或者使用jQuery的動畫庫或使用普通javascript的定時器來完成，同時控制圖像的位置和縮放大小。
6. 隨着其他人滾動出現，將新圖像旋轉到視圖中。

Answer 2

我認爲你可以在jQuery中使用動畫函數。以下是我寫的很長的一段代碼，但你應該改變someting。'3000'表示毫秒。 （{「function」）。$（「body」）。click（function（）{$（「＃panel」）。animate（{left：「500px」，height：「200px」}，3000）.animate（{頂部：「200px」，高度：「100px」}，3000）.animate（{left：「0px」，height：「200px」}，3000）.animate（{top：「0px」，height：「100px」} ，3000）}）;}）;