跳到主要内容

3 篇博文 含有标签「CSS」

查看所有标签

· 阅读需 3 分钟
熊滔
信息

该笔记是来源于公众号文章还在用定时器吗?借助 CSS 来监听事件

hover延时触发

一般方法

鼠标进入时开始定时器

var timer = null
el.addEventListener('mouseover', () => {
timer && clearTimeout(timer)
timer = setTimeout(() => {
// 具体逻辑
}, 1000)
})

鼠标离开时取消定时器

el.addEventListener('mouseout', () => {
timer && clearTimeout(timer)
})

· 阅读需 8 分钟
熊滔

在 CSS 中渐变色作为背景可以制作出非常绚丽,迷人的效果,往往我们将焦点聚集在渐变上面,而忽略了它作为背景图片的作用,在这里我将介绍两个渐变色作为背景色以及背景图片的妙用,可以实现一些难以实现的效果。