本文摘自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>
|
效果展示：
阅读剩余部分
相关阅读 >>
Html的<basefont>标签
Html字体颜色的设置方法
Html怎么写空格
css样式有哪几种类型
css为什么会出现清除浮动的问题
Html img不显示图片怎么办
教你一招纯Html制作个人简历
Html是什么意思
css文字不环绕怎么办
Html 5 画布 vs svg
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 利用html+css+js实现简单的点赞效果
