在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 有前輩用過transition加transitionEnd事件寫過輪播圖嗎???

有前輩用過transition加transitionEnd事件寫過輪播圖嗎???

前輩好,如題,請問有前輩以前用過css3動畫實現(xiàn)過無縫輪播圖的demo嗎??我想?yún)⒖家幌履銈兊脑创a是怎么寫的。。

我自己寫的時候,配合transitionend事件,無法實現(xiàn)最后一張圖的跳轉,永遠都是直接滑到第一張,不知道哪里問題,并且左右的按鈕點擊事件,快速點擊的話,整個圖會切出去,也就是說transitionend事件在我快速點擊下一張圖的按鈕的時候,是不生效的。。。

好多坑搞不懂,所以就想來問問有沒有前輩有demo,必須是無縫滾動的那種,并且有左右按鈕的,下標可以不用有。。。

打擾了,望指教!

回答
編輯回答
孤島

你把index == 4放到transitionEnd里執(zhí)行,在動畫沒有結束的時候如果鼠標不停點擊,index會持續(xù)增加:
圖片描述

這樣當transitionEnd執(zhí)行時,index == 4就不會成立,所以后面的邏輯都不會執(zhí)行,也就造成了translate3d的值不斷增加顯示空白。

2018年3月16日 06:38
編輯回答
司令

題主,那個直接滑倒第一張的問題怎么解決的 :D

2017年3月14日 22:18