下午看到了一個(gè)送圣誕禮物的小動(dòng)畫,正好要快到圣誕節(jié)了,就動(dòng)手模仿并改進(jìn)了一些小問題
原地址:花式輪播----圣誕禮物傳送
思路:動(dòng)畫中一共有五個(gè)禮物,他們平均分布在屏幕中,設(shè)置最外邊的兩個(gè)禮物旋轉(zhuǎn)一定的角度并隱藏,動(dòng)畫開始,每個(gè)禮物向右移動(dòng)一定的位置,然后再把第五個(gè)禮物添加到第一個(gè)禮物之前,這樣這五個(gè)禮物就重新排列了,在寫jQ時(shí)只管禮物位置的變化就行了,因?yàn)槎Y物的旋轉(zhuǎn)和隱藏在樣式中都已經(jīng)設(shè)置好了,某個(gè)禮物如果成為第一個(gè)禮物就會(huì)自動(dòng)隱藏旋轉(zhuǎn)
如果對(duì)其中的方法不熟悉的可以參考我寫的jQuery學(xué)習(xí)之路,里面有講解
▓▓▓▓▓▓ 基本結(jié)構(gòu)
代碼:
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式