时间:2021-05-26
html代码
<div class="stage"> <div class="heart"></div> </div>css代码
.heart { width: 100px; height: 100px; background: url("") no-repeat; background-position: 0 0; cursor: pointer; -webkit-transition: background-position 1s steps(28); transition: background-position 1s steps(28); -webkit-transition-duration: 0s; transition-duration: 0s; } .heart.is-active { -webkit-transition-duration: 1s; transition-duration: 1s; background-position: -2800px 0; } body { background: -webkit-linear-gradient(315deg, #121721 0%, #000000 100%) fixed; background: linear-gradient(135deg, #121721 0%, #000000 100%) fixed; color: #FFF; font: 300 16px/1.5 "Open Sans", sans-serif; } .stage { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }js代码
$(function() { $(".heart").on("click", function() { $(this).toggleClass("is-active"); }); });以上就是小编为大家带来的jquery心形点赞关注效果的简单实现全部内容了,希望大家多多支持~
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
抖音点赞后再取消,对方不会知道,如果只是点赞,对方就会收到点赞通知。抖音取消点赞方法是再次点击视频上的心形按钮。 抖音(TikTok)是由今日头条推出的一款短
抖音无法批量删除点赞,只能一个个删除。取消点赞方法是打开点赞的视频,然后点击心形图标即可取消点赞。 抖音短视频,是一款音乐创意短视频社交软件,由今日头条孵化,
javascript实现点赞或踩加一,再点一次减一的效果好多新手在网上找不到点赞效果的代码,今天给大家分享一个采用js写的简单方法(有点错误,已修正)效果图如下
本文实例讲述了jQuery实现的超简单点赞效果,分享给大家供大家参考,具体如下:1.HTML(可以优化一下,尽量少些几个标签.....)1超赞2推荐3一般6无聊
简单实现纵向无缝滚动(不要忘记引入jquery文件哦)看效果:1、HTML代码简单的jQuery无缝向上滚动效果简单的jQuery无缝向上滚动效果简单的jQue