html超级简单实现点赞(收藏)和取消赞效果
来源:互联网 发布:mysql 默认排序 编辑:程序博客网 时间:2024/06/05 20:45
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.展示效果
5.类似效果:简单实现大方接地气的五角星评分
3.总结
是不是超级简单和实用呢?但是呢,现实操作中肯定是要联动后台操作数据的,不过呢,都是一样简单的。
阅读全文
1 0
- html超级简单实现点赞(收藏)和取消赞效果
- 实现点赞和收藏效果
- 收藏、点赞按钮 怎么由当前的状态(收藏/取消收藏)通过点击设置为取消收藏(收藏)
- sqlite实现新闻收藏和取消收藏
- js实现简单的checkbox全选和取消全选效果
- 简单的点赞效果
- js+html实现遮罩层效果(收藏哦)
- 超级简单系列(收藏)
- SurfaceView实现点赞效果
- SurfaceView实现点赞效果
- 使用Notification实现点赞、收藏功能
- jquery点赞和取消点赞插件
- js点赞效果++和--
- 商品的收藏和取消收藏(MVC)
- html实现确认和取消按钮
- 点赞收藏动画
- 类似qq空间的点赞和取消赞
- 点赞和取消赞不刷新页面的方法
- 页面调用方法弹出企业QQ联系客服的方法,可以直接复制过去使用
- Struts2——常用标签(数据回显)
- JAVA中的符号引用
- Android 框架炼成 教你如何写组件间通信框架EventBus
- eclipse启动项目出现的问题
- html超级简单实现点赞(收藏)和取消赞效果
- java中string和int互相转化
- filter&map&reduce
- SQL Server 2008如何创建定期自动备份任务
- Kafka---数据持久化
- 凸包之Jarvis步进法
- matlab meshgrid函数生成二维网格矩阵举例讲解
- 用Java连接teradata,jdbc
- Java Killer系列之Java经典面试套路讲解