单击项目之前闪烁答案

【问题标题】：Flicker before item is clicked单击项目之前闪烁
【发布时间】：2016-01-01 04:44:07
【问题描述】：

我有一个宝箱（点击图片时会显示一个花式框，它会调用数据库中的一个表Learner_Treasure）。

用户选择一个宝物，该宝物存储在Learner_Treasure表中，并显示在宝物箱中。

但是，当物品被存储到宝箱中时，没有任何形式的反馈（因此用户永远不知道他们的宝箱内容何时发生变化）。

我想要做的是让它在有新项目时闪烁，直到用户按下打开fancybox。

有人知道怎么做吗？任何类似的例子都会有所帮助。

【问题讨论】：

你可以用 jQueryUI 高亮它api.jqueryui.com/highlight-effect

标签： javascript jquery css

【解决方案1】：

我认为this SO answer 是你想要的。

像这样定义你的CSS

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.treasure-blink {
    animation: blink 1s;
    animation-iteration-count: infinite;
}

只要它适用于像这样的 jQuery，就应用它

$("your-selector").addClass("treasure-blink")

【讨论】：