#青训营笔记创作活动#
2月3日 打卡day17
今日学习
1、hover延时触发
(1)JS定时器法:设置定时器,销毁定时器,考虑 dom 嵌套结构(容易误触发)
(2)CSS法:添加监听transitionend方法,设置一个无关紧要的样式【 opacity: 0.999;】,及延时transition: 0s 1s opacity;
2、长按触发事件
监听transitionend方法
el.addEventListener('transitionend', () => {
// 具体逻辑
})
3、轮播和暂停
CSS 动画设置次数为infinite就可以无限循环,通过:hover实现暂停和播放动画,然后再监听animationiteration方法实现每次动画的触发
展开
评论