本文摘自PHP中文网，作者V，侵删。
我们在浏览其他网站的文章时，经常可以看到文章尾部有点赞收藏效果，非常有趣。今天我们自己动手来实现该效果。
（学习视频推荐：html视频教程）
css样式
1 2 3 | .like{
font-size:66px; color:#ccc; cursor:pointer;}
.cs{color:#f00;}
|
html内容
1 | <p class="like">❤</p>
|
js代码
1 2 3 4 5 6 7 8 | <script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function () {
$(".like").click(function () {
$(this).toggleClass('cs');
})
})
</script>
|
效果展示：
阅读剩余部分
相关阅读 >>
巧用css将背景图像固定在视口
css如何设置英文首字母大写
css属性可分为哪几大类
jsp和Html的区别有哪些
纯css实现加号“+”效果（代码示例）
css如何实现倒计时翻页动画
css怎么设置div不透明
css怎么给一个盒子加盒阴影
css如何设置下划线的颜色
css段落间距怎么设置
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 利用html+css+js实现简单的点赞效果
