做星星渐现的展示效果

Posted bber

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了做星星渐现的展示效果相关的知识,希望对你有一定的参考价值。

//大概思路

//n行currency_mo_li_star,一行有十颗(最大值)星星,星星先设置透明度为0,每500毫秒为间隔显示下一个

//达到(最大值)十个,清掉计时器

var mm = 0;
function set_time_out(){
  if(mm < 10){
    for (var j = 0; j < 10; j++) {
      $(".currency_mo_li_star").eq(j).children(".li_prize_star").eq(mm).animate({
        opacity:‘1‘,
      }, 500)
    }
  }
  mm ++;
}
var t_timeout = setInterval(set_time_out, 200);
if(mm >= 10){
  clearInterval(t_timeout);
}















以上是关于做星星渐现的展示效果的主要内容,如果未能解决你的问题,请参考以下文章

Unity3D中UGUI不使用DOTween制作渐隐渐现效果

虚拟仿真Unity3D中模型的渐隐渐现效果实现

虚拟仿真Unity3D中模型的渐隐渐现效果实现

jQuery滑动星星评分效果

仿开心消消乐 大树星星无限循环 点击(自定义view实现)

原生js实现星星闪烁的效果