精华内容
下载资源
问答
  • jq的 animate的动画重复执行 导致浏览器卡死。 在animate()前加stop() 即可。 (function($){ var silde = { init:function(a,number,gundong,status){ this.auto(a,number,gundong,status); }, .....

    jq的 animate的动画重复执行 导致浏览器卡死。

    在animate()前加stop() 即可。

    (function($){
        var silde = {
            init:function(a,number,gundong,status){
                this.auto(a,number,gundong,status);
            },
            auto:function(a,number,gundong,status){
                var _root = this,
                    $ul = $(a).find("ul"),
                    $lis = $ul.children("li"),
                    width = $lis.eq(0).width(),
                    numberaccout = number || 4,
                    gundongaccout = gundong || 1,
                    auto_status = status || true,
                    mf=parseInt($ul.css('margin-left'));
                $(a).css({'width':width*numberaccout});
                    if(auto_status){
                        timemachine=setInterval(function(){
                            if(-mf<($lis.length-numberaccout)*width){
                                mf = mf - width;
                            }else{
                                mf = 0;
                            }
                            $ul.stop().animate({
                                    'margin-left': mf +'px'
                                },
                                'slow');
                            },3000
                        );
                    }
                // 接触时暂停
                $('.slider').hover(function(){
                    window.clearInterval(timemachine);
                });
                // 鼠标移开
                $('.slider').mouseleave(function(){
                    silde.init(a,number,gundong,auto_status);
                });
                $('.arrow-right').click(function(){
                    if(-mf>($lis.length-numberaccout-1)*width){
                        return;
                    }
                    mf -= width;
                    $ul.stop().animate({
                            'margin-left':mf +'px'
                        },
                        'fast');
                    });
                $('.arrow-left').click(function(){
                    if(mf === 0){
                        return;
                    }
                    mf += width;
                    $ul.stop().animate({
                            'margin-left':mf +'px'
                        },
                        'fast');
                    }
                );
            }
        };
        $(function(){
            silde.init('.slider',3,1,true);
        });
    })(jQuery);
    

      

    转载于:https://www.cnblogs.com/forgere/p/5509483.html

    展开全文
  • <view class="mask {{showShare ? 'slidefadeUp' : 'slidefadeDown'}}" wx:if="{{showShare}}" catchtouchmove="false"> </view> /* 上滑+渐显效果 */ .slidefadeUp { animation: slidefadeUp 0.5s 1 ...
    <view class="mask {{showShare ? 'slidefadeUp' : 'slidefadeDown'}}" wx:if="{{showShare}}" catchtouchmove="false">
    </view>
    /* 上滑+渐显效果 */
    .slidefadeUp {
        animation: slidefadeUp 0.5s 1 ease forwards;
        -webkit-animation: slidefadeUp 0.5s 1 ease forwards;
    }
    
    @keyframes slidefadeUp {
        from {
            opacity: 0;
            transform: translate(0, 100%);
        }
    
        to {
            opacity: 1;
            transform: translate(0, 0)
        }
    }
    
    
    /* 下滑+渐隐效果 */
    .slidefadeDown {
        animation: slidefadeDown 0.5s 1 ease forwards;
        -webkit-animation: slidefadeDown 0.5s 1 ease forwards;
    }
    
    @keyframes slidefadeDown {
        from {
            opacity: 1;
            transform: translate(0, 0)
        }
    
        to {
            opacity: 0;
            transform: translate(0, 100%);
        }
    }
    
    展开全文
  • 自制动画

    2019-11-04 16:17:25
    问题:将场景中的人物造型摆好之后录制动画,在预览窗口呈现半蹲状态

    问题:将场景中的人物造型摆好之后录制动画,在预览窗口呈现半蹲状态
    在这里插入图片描述

    展开全文
  • 动画自制组件 继上次的飞机大战项目,自制一份帧动画播放组件 属性列表准备 properties: { spriteframes:{ //精灵帧数组 type:cc.SpriteFrame, default:[], }, frame_time:0.1, //帧动画...

    帧动画自制组件

    继上次的飞机大战项目,自制一份帧动画播放组件,该模块优点,控制时间精准,对于制作比较多帧且变化时间周期一样的动画效率比动画编辑器更高

    属性列表准备

    properties: {
            spriteframes:{ //精灵帧数组
                type:cc.SpriteFrame,
                default:[],
            },
            frame_time:0.1, //帧动画切换图片的时间,即间隔时间
            loop:false,     //是否循环播放
            playload:false, //是否Playonload
        },
    

    初始化与基本逻辑

    onLoad () {
             this.isPlaying = false;  //是否在播放
             this.time = 0;   //播放时间控制
             this.sprite = this.getComponent(cc.Sprite);//获取组件
             if(!this.sprite)       //若组件为空则为其添加组件
             {
                 this.sprite = this.addComponent(cc.Sprite);
             }
             if(this.playload){  //如果用户选择playload属性则在场景开始时播放动画
                 if(this.loop){   //判断是否循环,调用相关函数
                     this.Playloop();
                 }
                 else{
                     this.PlayOnce();
                 }
             }
         },
    

    改变参数的方法

    利用方法改变参数,以下为循环播放需要改变的参数

    Playloop:function(){
            if(this.spriteframes.length<0){ //判断精灵帧长度是否合法
                return;
            }
            this.time = 0;
            this.loop = true;
            this.end_fun = null; //回调函数指向空
            this.isPlaying = true;
            this.sprite.spriteFrame = this.spriteframes[0]; //初始化帧动画
        },
    

    以下为非循环播放改变的参数

    PlayOnce:function(callback){ //传入回调方法
            if(this.spriteframes.length<0){
                return;
            }
            this.end_fun = callback;
            this.loop = false;
            this.isPlaying = true;
            this.time = 0;
            this.sprite.spriteFrame = this.spriteframes[0];
        },
    

    利用updata(dt)实现逻辑控制

    update (dt) {
            if(!this.isPlaying){ //判断是否正在播放,不在播放可以直接返回
                return;
            }
            this.time += dt; //获取播放时间
            var index = Math.floor(this.time/this.frame_time); //取整获得图片位置
            if(!this.loop){//非循环播放
                if(index>= this.spriteframes.length){ //播放完毕
                    this.isPlaying = false;
                    if(this.end_fun){ //执行回调函数
                        this.end_fun();
                    }
                }
                else{//动画正在播放
                    this.sprite.spriteFrame = this.spriteframes[index];
                }
            }
            else{//循环播放
                while(index>=this.spriteframes.length){
                    //使索引回到之前对应的索引
                    index -= this.spriteframes.length;
                    //数组长度 *间隔时间 = 一段时间段
                    this.time -= (this.spriteframes.length * this.frame_time);//使时间段回到之前对应的时间段
                }
                this.sprite.spriteFrame = this.spriteframes[index];//更新索引
            }
        },
    

    为节点挂载组件并放入精灵帧
    挂载组件
    这里勾选属性为Loop与Playload

    播放效果

    播放效果
    循环播放帧动画就成功了
    若其他节点获取模块,此时就需要require() 方法获取这个组件即可帧动画自制模块

    展开全文
  • 自己制作的动画并符合以下要求: 1.画面不少于500帧 2.附有歌词做字幕并与歌曲同步显示 3.至少使用遮罩动画、引导动画一次 4.补间形状、传统补间、补间动画三种动画各至少一次 5.有自己制作的按钮并应用...
  • 本人自制漂亮开机动画,用于定制IPTV机顶盒ROM或替换盒子原有的开机动画 1.在system\built.prop里修改service.bootvideo=1(如果没有则添加一行) 2.复制本资源到system\etc\bootvideo并修改权限 [效果图请看这里]...
  • 在单文档应用程序中自制启动动画
  • 利用这一特性,我们可以将定时器调到恰当的时间,再结合QPixmap类就可以使一组图流畅地展示在人们面前,形成一个小动画。深入了解QPainter和QTimer的用法以后,可以自己制作出一个精美的艺术时钟。(包含两个项目,...
  • 本文章与我的博客同步更新:自制js动画,互相反的js动画抖动 抖动处理之前的代码: imgShowBoxDom.onmouseover=function (ev) { var changeImgBtnOpacity=0; var changeImgBtnAnimateTimer=setInterval...
  • VB自制文字打字动画特效,文字一个一个出现,打出来的一样,这种文字特效也是很不错的哦。这种文字动画可用于软件介绍中,或做一些课件的时候能用到。
  • 在egret中自制动画

    2019-06-16 00:07:11
    但我们项目很大,老板要求在最开始出现body的时候就展示loading动画,此时用不了egret的帧动画了。我用js在index中写了帧动画,从body显示的时候开始播放,到呈现游戏场景的时候结束帧动画。 制作图集 每一帧的...
  • 启动『动画』应该实际上是两部分,那张静态 launch image 作为起点,App 实际启动后播放完整的动画。 iOS软件开发中,通常在软件启动时需要创建一个闪屏显示欢迎信息,在显示闪屏的同时可以让程序在后台进行...
  • 自制编辑动画小软件

    2019-01-16 13:25:35
    本人利用C++编写了一个还算完整的动画编辑软件(就是一个cpp文件), 编得还算成功,所以写个博客班门弄斧分享分享~ 名为“Manexe” 源代码如下 #include&lt;conio.h&gt; #include&lt;bits/stdc++....
  • 你能接受虽然没有商业级的动画那么强大,但能表现一些常规动作的火柴人动画。(如果你足够耐心,将各个模块细节拆分配上不同配色,也是可以做出精致的矢量动画的) 那么你可以尝试使用一下简单的...
  • 使用录制功能自制动画每次在播放时,动画物体的位置是对的,但动画展现的地方却在别的位置,也就是说动画播放时会莫名其妙跑偏。 解决方案: 经过我多次调试,发现,如果你是使用录制功能制作的动画,那么你需要把...
  • 文字动画做作

    2012-12-21 17:09:00
    文字动画制作软件 简单文字动画 文字动画自制大师
  • 动画效果的,截屏看不出来 HTML: <div class="input-group"> <input class="input__field" type="text" id="input-1" onblur="inputBlur(this)"/> <label class="inpu...
  • 小小作品,没有技术含量,空间首页动画,欢迎下载!
  • 自制css3进度条小动画

    2017-07-16 15:03:23
    css3进度条小动画 .loading{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; background:#FFF; } .loading .pic{ width:50px; height:50px; position:...
  • 通过flash CS3做的一个动画,本动画简单易懂,里面有不足之处还请各位学友批评指正。
  • 第一次看到别人说改里程碑的LOGO我很...好吧,自己又上网学习,但是总是学的一知半解,唉,经过两天的自我探索,发现了绝妙绝好学习绝对详细的自制LOGO的方法(当然要先谢谢我看过的各位大大的帖)前提:手机已经ROOT.
  • // 执行动画 private Handler handler = new Handler(); // 线程 private Runnable runnable = new Runnable() { @Override public void run() { // 获取画布(加锁) Canvas canvas = holder....
  • 里面有个“超个性动画版本的个人简历”,通过屏幕上不断打印内容,改变相应样式来实现动画简历,我从来没想到过还有这种操作; 再附上一个比较有趣的基于vue的圆形时钟: <!DOCTYPE html><html>  <...
  • ios应用源码之自制游戏倒计时动画demo -- 简单实用 timecountdemo
  • 首先我们需要一些四元数,因为我们的动画里有很多旋转并且帧动画的旋转要求是四元数。 复制代码 et q1 = this.getQuater(0,0,-Math.PI/4) let q2 = this.getQuater(0,0,Math.PI/3) let q3 = this.getQuater(0,0,-...
  • React动画通常有三种方法实现从易到难为: 1、transition(CSS3自带) 2、animation(CSS3自带) 3、react-transition-group动画库(需要引入插件)   一、transition(CSS3自带) 1、用法示例: .hide{ /...
  • NeetTransitionAnimation是一款Android用的转场动画,支援Android 3.0以上,透过Activity与Activity、Fragment与Activity相同类型与Id的View,以及Android的lifecycle,达成View缩放与移动的过场效果。目前可支援...
  • 这是一个自制的微机原理简单的介绍课件,可以详细动态的讲解微机原理寻址过程

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,620
精华内容 1,448
关键字:

动画自制