做星星渐现的展示效果

//大概思路

//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);
}

原文地址:https://www.cnblogs.com/bber/p/10005899.html

时间: 2024-10-29 23:43:46

做星星渐现的展示效果的相关文章

UGUI 实现界面 渐隐渐现 FadeIn/Out 效果

孙广东  2015.7.10 其实熟悉NGUI的人,应该知道  实现渐隐渐现 FadeIn/Out 效果是很方便的,因为父对象 的 改变会自动影响到子对象. 比如 UIWidget.UIPanel等组件都有 Alpha属性,在Inspector面板上可以直接设置拖拽的改变看看.  确实如此. 但是到UGUI呢,没有这么方便.  需要熟悉一下 组件的内部和继承关系了! UI中每个能够显示控件都会有一个CanvasRender对象,CanvasRender有什么作用呢? 官方的解释:The Canv

前端模拟手机屏幕图片渐隐渐现效果实现

在网站上,我们经常会看到这样的效果,有一个IphoneX的手机屏幕,然后屏幕上会像真的一样,会出现各种动画效果,譬如图片的渐隐渐现.今天我们就尝试做一个这样的效果. HTML页面结构大概是这样子的: <main class="mobileBox"> <div class="imgBox"> <img src="./images/bg1.jpg" class="imgItem" srcset=&qu

QT窗口渐现效果,窗口震动效果,鼠标移动窗口

//窗口渐现效果void MainWindow::closeWindowAnimation() //关闭窗口效果 { QPropertyAnimation *animation = new QPropertyAnimation(this,"windowOpacity"); animation->setDuration(500); animation->setStartValue(1); animation->setEndValue(0); animation->

在Unity5中使用C#脚本实现UI的下滑、变色、渐隐渐现效果

一.首先,我们先创建一个Text    依次选择Component→UI→Text创建一个Text,创建完成后如下: 二.创建完成后,在Project面板点击Create→C# Script,本例命名为InAndFade 三.编写代码之前,为了确保能够调用到Text类,所以要先手动引入命名空间 using UnityEngine.UI; 四.完整代码如下 1 public class InAndFade : MonoBehaviour 2 { 3 //渐隐渐现 4 public bool Sho

JS实现有点炫的图片展示效果-图片解体和组合

经过4个月的努力学习,迎来了进入市场的最后一个学习项目.自己模仿了一个图片展示效果,用在了项目中,感觉挺炫的.在这里分享一下,希望大家喜欢~! bomb-showImg : 在线演示http://runjs.cn/detail/tl9quyke查看源码http://runjs.cn/code/tl9quyke HTML : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

使用SWTableViewCell获得ios7邮件中cell的右推出现选项的效果

SWTableViewCell 是托管在GitHub上的一个第三方UITableViewCell子类,它提供向左向右滑动出现“删除”,“更多”等自定义UIButton的功能,该功能类似于iOS7中的邮件中的Cell.GitHub主页: https://github.com/CEWendel/SWTableViewCell Example: 场景:假如我现在要做一个TableView,它的cell就是SWTableViewCell的效果. ViewController.h #import <UIK

Android项目实战(八):列表右侧边栏拼音展示效果

原文:Android项目实战(八):列表右侧边栏拼音展示效果 之前忙着做项目,好久之前的技术都没有时间总结,而发现自己的博客好多写的技术都比自己掌握的时候晚了很多.不管怎么样,写技术博客一定是一个想成为优秀程序猿或者已经是优秀程序猿必须做的.好吧,下面进行学习阶段. 记得很久之前就使用过侧边拼音栏了,先看下它的效果,一个列表,列表的右侧有一个拼音列表,当列表发生滑动的时候,拼音列表也随着滑动,而规律就是拼音列表滑动的位置为显示列表的当前位置的文字的首字母决定,当然,直接点击拼音列表的一个位置,显

CSS3 实现六边形Div图片展示效果

效果图: 实现原理: 这个效果的主要css样式有: 1.>transform: rotate(120deg); 图片旋转 2.>overflow:hidden;  超出隐藏 3.>visibility: hidden;  也是隐藏,与display:none;相似,但不同的是,它虽然隐藏了,但依然会在网页中占有位置 我们要用到3层div进行旋转来得到这个效果(ps:3层div的大小是一样的). 最外层div(boxF)旋转120度.第二层(boxS)旋转-60度,第三层(boxT)再旋转

精品jquery多图层叠展示效果

精品jquery多图层叠展示效果jquery多图层叠展示效果,使用css和js完成,图片叠加效果,可点击上一张和下一张完成图片的切换特效,图片切换效果也非常的棒 先上图: 精品jquery多图层叠展示效果,布布扣,bubuko.com