jquery使用animate旋转图片会旋转回来
因为需要做一个图标的旋转,就想到jquery的animate,于是直接使用$(".station-icon")[n].animate({transfrom:"rotate(180deg)"}, 500)问题来了,图片旋转后又自己转回来了,看来animate是不行的,那就直接用css.station-icon {width: 15px;position: absolute;top: 5px;righ
·
因为需要做一个图标的旋转,就想到jquery的animate,于是直接使用
$(".station-icon")[n].animate({transfrom:"rotate(180deg)"}, 500)
问题来了,图片旋转后又自己转回来了,看来animate是不行的,那就直接用css
.station-icon {
width: 15px;
position: absolute;
top: 5px;
right: 5px;
transition: all 0.5s;
transform: rotate(0deg);
}
然后直接设置样式
$(".station-icon")[n].style.transform = "rotate(180deg)";
现在就可以实现旋转动画了

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)