如何用用js实现一个元素的hideshowhideshow这么循环的动画？
RT，本来我尝试过用css3来写动画，但是效果是渐变的而我希望是不拖泥带水的闪动；js的话尝试了下面的写法，不过一点儿效果也没有，无论是放在(document).ready 中还是放在外面
function rc(){在此向各位大神请教如何实现，谢谢。
setTimeout("$('.car-rc').hide()",1000);
setTimeout("$('.car-rc').show()",1000);
}
setInterval("rc()",1000);
展开
收起
3
条回答
写回答
写回答
-
Re如何用用js实现一个元素的hideshowhideshow这么循环的动画？[font='Helvetica Neue', Helvetica, 'Trebuchet MS', Arial, sans-serif]你要的就是一个闪烁的效果吧！？
[font='Helvetica Neue', Helvetica, 'Trebuchet MS', Arial, sans-serif]$('.XX')
.fadeOut(100)
.fadeIn(100)
.fadeOut(100)
.fadeIn(100);
2014-07-23 11:16:29赞同 展开评论 打赏 -
Re如何用用js实现一个元素的hideshowhideshow这么循环的动画？var flag = true;
setInverval(function(){
(flag = !flag) ? show() : hide();
},1000);
试试这个2014-07-23 11:09:30赞同 展开评论 打赏 -
Re如何用用js实现一个元素的hideshowhideshow这么循环的动画？给你个css版本的
不要过渡效果很简单，把 [size=; font-size: 0.92857em,0.92857em]animation-timing-function设置为 [size=; font-size: 0.92857em,0.92857em]step-start即可解决你的问题。
#model {
width:150px;
height:50px;
background:skyblue;
animation:shine 1s step-start infinite;
-webkit-animation:shine 1s step-start infinite;
}
@keyframes shine {
0% {height:50px;}
50% {height:0px;}
100% {height:50px;}
}
@-webkit-keyframes shine {
0% {height:50px;}
50% {height:0px;}
100% {height:50px;}
}
2014-07-23 11:08:05赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
