VimMing
2017-10-01 15:53 湖南农业大学 C++
关注
<!doctype html>
<html>
<head>
<style>
@keyframes blink {
0% {
background-position: 0;
}
100% {
background-position: -1020px;
}
}
.likeNum{ padding: 1px;
font-size: 20px; }
.like-container{
display: flex; align-items: center;
}
.like-container > *{
display: inline-block;
}
a.like{
pointer: cursor;
}
.like > span{
display: inline-block;
width: 64px;
height: 64px;
background: url(http://oncn5i9yi.bkt.clouddn.com/downloadxxx.png) left no-repeat;
background-position: 0 0;
}
.blink{
animation: blink steps(17) 0.5s 1 both;
}
</style>
</head>
<body>
<div class="like-container">
<a class="like"><span></span></a>
<span class="likeNum">赞</span>
</div>
<script>
</script>
<script>
document.addEventListener("DOMContentLoaded", function(e) {
let node = document.querySelector("a.like");
node && node.addEventListener("click", (event) => {
event.stopPropagation(); event.preventDefault(); let target = event.target.tagName.toUpperCase() == "SPAN" ? event.target : event.target.parentNode; target.classList.toggle("blink");
});
});
</script>
</body>
</html>
查看原帖
点赞 2
相关推荐
点赞 评论 收藏
分享
02-12 20:22
重庆大学 Java 
双非后端失败第N人：1. go语言我建议你让ai带着你先把基本语法速通了，然后再去用go重新刷你以前刷过的leetcode，这样熟悉起来很快 2. 直接看你们组go项目，里面用***比较复杂，然后把每一个语法现象都喂给ai，一点点看
字节跳动公司福利 1371人发布 点赞 评论 收藏
分享
查看15道真题和解析 点赞 评论 收藏
分享
牛客热帖
更多
正在热议
更多
# 开工第一帖 #
13056次浏览 274人参与
# 携程求职进展汇总 #
882671次浏览 5796人参与
# xx岗简历求拷打 #
4163次浏览 48人参与
# 工作不开心辞职是唯一出路吗 #
8078次浏览 30人参与
# 有转正机会的小厂实习值得去吗？ #
6034次浏览 73人参与
# 掌握什么AI技能，会为你的求职大大加分 #
4429次浏览 201人参与
# 实习期间如何提升留用概率？ #
241492次浏览 1824人参与
# 为什么国企只招应届生 #
238774次浏览 1301人参与
# 参加完秋招的机械人，还参加春招吗？ #
111111次浏览 709人参与
# 哪些公司开春招了？ #
32824次浏览 204人参与
# 秋招你经历过哪些无语的事 #
101363次浏览 597人参与
# 金三银四，你有感觉到吗 #
691723次浏览 6088人参与
# 毕业季等于分手季吗 #
54904次浏览 654人参与
# 牛客租房专区 #
160262次浏览 1924人参与
# 联想求职进展汇总 #
335072次浏览 2220人参与
# 牛友投递互助，不漏校招机会 #
439127次浏览 5243人参与
# 正在春招的你，也参与了去年秋招吗？ #
353088次浏览 2597人参与
# 你最讨厌面试被问什么 #
6277次浏览 81人参与
# 非技术er求职现状 #
139168次浏览 821人参与
# 你觉得今年春招回暖了吗 #
931323次浏览 7233人参与