请问一下前端怎么做手指点击文字 PREV/NEXT 时让文字有个一瞬间变色呢? (就手指点的时候有一瞬间文字变成紫色然后再变回白色就行)

2022-01-23 14:25:31 +08:00
 romancekami

方法最好别太难,因为我才刚学 js 比较菜。。。

630 次点击
所在节点    问与答
2 条回复
codingguy
2022-01-23 15:08:26 +08:00
监听 prev/next 的 mousedown 。mousedown 的时候执行设置紫色,然后设置 setTimeout 半秒后执行设置白色动作
wdssmq
2022-01-23 15:52:34 +08:00
:active - CSS (层叠样式表) | MDN

https://developer.mozilla.org/zh-CN/docs/Web/CSS/:active

直接 CSS 试试?

jQuery 实现大概类似下边这样:

```js
$(".js-next, .js-prev").click(function () {
$(this).animate({
color: "violet"
}).delay(1000).animate({
color: "white"
});
});
```

↑ 和 1 楼说的方案是一样思路;

-----------------------

虽然不知道是不是只有我这样,我真的略反感「小白宣言」。。

比起把杯子倒空的寓言,小白宣言有种「如何在保持杯子还是空着的状态下加满水」的悖论感。

——“我有个空杯子可以装水,但是我懒得拧开盖子……”

上边比喻有些夸张,但是剖析来看,提问者自己的基础和其想要解决的问题之间有一定「空缺」,其自身大概率也感受到了这份「空缺」,并由此产生一定焦虑,然而作为应对,选择将这份「空缺」和焦虑夹杂在眼前切实的问题中一并提出。。。

单纯提问的部分自然可以探讨交流,,「空缺」的部分还是请自己想办法填吧。。

-------------------

难不难学会了就是你自己的知识;- -

JavaScript 教程 - 网道
https://wangdoc.com/javascript/

ES6 入门教程 - ECMAScript 6 入门
https://es6.ruanyifeng.com/#README

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/830067

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX