本文摘自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中的关键字initial、inherit、unset、revert和all属性
css怎么消除默认样式
Html的<frame>标签
详解css行内样式、内嵌样式与外部引用样式的使用方法
display:inline是什么意思？
css如何设置图片不平铺
css里的图片无法显示怎么办
Html代码如何让照片变模糊
aspx怎么引入css？
css如何实现客服悬浮效果
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 利用html+css+js实现简单的点赞效果
