更多>
最新下载
24小时阅读排行榜
- 1 PHP如何获取当前日期和时间_PHP的date函数格式化日期时间详解
- 2 在Java中如何使用异常来控制程序流程
- 3 使用VSCode进行Vue.js开发
- 4 mysql如何查看索引的使用情况
- 5 Java继承与接口实现：常见错误解析与最佳实践
- 6 Java中ArithmeticException的常见触发原因
- 7 京东快递物流信息查询 京东包裹运输进度实时更新
- 8 CSS盒模型中的padding百分比相对于谁计算_CSS规范说明
- 9 pythonfor循环怎么对文件中的数字求和_pythonfor循环读取文件数字内容并求和的方法
- 10 即梦忘记密码了怎么办_即梦密码找回操作指南
- 11 电脑玩游戏时突然自动关机或重启
- 12 怎么跳过Win11联网登录 Win11安装时绕过微软账户的方法
- 13 手机CPU跑分软件哪个好_常用手机CPU跑分软件推荐与使用
- 14 Windows系统加密方法_BitLocker使用指南
- 15 windows10如何调整图标之间的水平和垂直间距_windows10桌面图标间距调整方法
更多>
最新教程
-
- Node.js 教程
- 7562 2025-08-28
-
- CSS3 教程
- 1060549 2025-08-27
-
- Rust 教程
- 11996 2025-08-27
-
- Vue 教程
- 14199 2025-08-22
-
- PostgreSQL 教程
- 10947 2025-08-21
-
- Git 教程
- 5188 2025-08-21
jQuery的Twitter推特红心点赞CSS3动画按钮特效
这是一款仿国外网站Twitter推特红心点赞CSS3动画按钮特效，点过赞之后再次点击按钮可取消点赞js代码。
js代码
<script>
$(document).ready(function()
{
$('body').on("click",'.heart',function()
{
var A=$(this).attr("id");
var B=A.split("like");
var messageID=B[1];
var C=parseInt($("#likeCount"+messageID).html());
$(this).css("background-position","")
var D=$(this).attr("rel");
if(D === 'like')
{
$("#likeCount"+messageID).html(C+1);
$(this).addClass("heartAnimation").attr("rel","unlike");
}
else
{
$("#likeCount"+messageID).html(C-1);
$(this).removeClass("heartAnimation").attr("rel","like");
$(this).css("background-position","left");
}
});
});
</script>
js代码
<script>
$(document).ready(function()
{
$('body').on("click",'.heart',function()
{
var A=$(this).attr("id");
var B=A.split("like");
var messageID=B[1];
var C=parseInt($("#likeCount"+messageID).html());
$(this).css("background-position","")
var D=$(this).attr("rel");
if(D === 'like')
{
$("#likeCount"+messageID).html(C+1);
$(this).addClass("heartAnimation").attr("rel","unlike");
}
else
{
$("#likeCount"+messageID).html(C-1);
$(this).removeClass("heartAnimation").attr("rel","like");
$(this).css("background-position","left");
}
});
});
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
jquery和CSS3带弹性动画效果的工具栏菜单
这是一款使用jquery和CSS3制作的带弹性动画效果的工具栏菜单特效。该工具栏菜单默认只显示一个圆形按钮，单点击按钮时，子菜单项会以弹性动画展开，效果非常炫酷。
菜单导航
2017-08-22
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
