實作javascript Carousel Animation


今天幫一個同事做一個前端效果所以自製了簡單的Carousel Animation(10分鐘的code沒有再經過大腦處理過,長得很醜請見諒)

horse

Carousel Animation算以前在做silverlight的時候練到不想再練的東西…

如果還不知道的人可以參考這邊入門與解說

重點其實就在這張圖上(這邊是以Opacity為例,我的實作有加上loop 前後的item)

重點

重點就是再按下左右的時候幫裡面的物件作增減與呈現效果,接下來直接放很醜的實作


作者: Blackie
版權聲明: 本站所有文章除特別聲明外,均採用 CC BY 4.0 許可協議。轉載請註明來源 Blackie !
 上一篇
NTVS - Node.js Tools For Visual Studio Bootcamp NTVS - Node.js Tools For Visual Studio Bootcamp
NTVS是微軟上個月底新發行的一個VS tool,幫助開發者使用地表最強IDE工具開發NodeJS!除了支援可以一般的程式撰寫它還支援Intellisense, Profiling, npm,另外他在Debugging方面還支援 local
下一篇 
No more TODO - Customize your token keywords for Task List with Visual Studio No more TODO - Customize your token keywords for Task List with Visual Studio
在開發程式的時候想必我們都很習慣使用直接下註解TODO的方式來記錄我們以後要完成的function或是提醒自己有哪些事情還沒做,而使用Visual Studio 開發如果是自動產生的程式碼時不時都還會幫你加上這段
  目錄