1.前言
我们经常会遇到对一些列表呀进行点赞呀收藏数据等效果呀。今天就用html css实现超级简单易上手的点赞和取消赞的demo展示。
2.详情
1.css样式
.like{ font-size:66px; color:#ccc; cursor:pointer;}
.cs{color:#f00;}
2.html内容
<p class="like">❤</p>
3.js代码
<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>
4.展示效果
3.总结
是不是超级简单和实用呢?但是呢,现实操作中肯定是要联动后台操作数据的,不过呢,都是一样简单的。