V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
romancekami
V2EX  ›  问与答

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

  •  
  •   romancekami · 2022-01-23 14:25:31 +08:00 · 788 次点击
    这是一个创建于 1040 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    codingguy
        1
    codingguy  
       2022-01-23 15:08:26 +08:00   ❤️ 1
    监听 prev/next 的 mousedown 。mousedown 的时候执行设置紫色,然后设置 setTimeout 半秒后执行设置白色动作
    wdssmq
        2
    wdssmq  
       2022-01-23 15:52:34 +08:00   ❤️ 1
    :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
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3137 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 14:39 · PVG 22:39 · LAX 06:39 · JFK 09:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.