move组件

function move(obj,json,time,fn)
    {
        var start={};
        var dis={};
        for (var name in json)
        {
            start[name]=parseFloat(getStyle(obj,name));
            dis[name]=json[name]-start[name];
        }

        var n=0;
        var count=Math.floor(time/30);
        clearInterval(obj.timer);//自定义属性里可以存任何东西  每个obj有一个自己的timer
        obj.timer=setInterval(function (){
            n++;
            for (var name in json)
            {
                if (name==‘opacity‘)
                {
                    obj.style[name]=start[name]+dis[name]*n/count;
                }
                else
                {
                    obj.style[name]=start[name]+dis[name]*n/count+‘px‘;
                }
            }

            if (n==count)
            {
                clearInterval(obj.timer);
                fn && fn();
            }
        },30);
    }
    function getStyle(obj,sName)
    {
        return (obj.currentStyle || getComputedStyle(obj,false))[sName];
    }

  

时间: 2025-01-12 07:18:32

move组件的相关文章

JS运动组件, move.js

move.js function getStyle(obj, name){ return obj.currentStyle?obj.currentStyle[name]:getComputedStyle(obj, false)[name]; }; function move(obj, json, options){ options=options||{}; options.type=options.type||'buffer'; options.time=options.time||700; v

淘宝Tedis组件究竟是个啥(一)

淘宝的Tedis组件究竟是个啥呢?可能有一些朋友没有听过这个名字,有一些朋友会经常使用,那么今天我就来和大家深入分析一下,它的使用和原理. 一.Tedis简介 Tedis是另一个redis的java客户端,Tedis的目标是打造一个可在生产环境直接使用的高可用Redis解决方案. 特性如下: * 高可用:Tedis使用多写随机读做HA确保redis的高可用 * 高性能:使用特殊的线程模型,使redis的性能不限制在客户端 * 多种使用方式:如果你只有一个redis实例,并不需要tedis的HA功

PyQt5教程——组件 Ⅱ(八)

这部分的教程将会继续介绍PyQt5的组件.我们这节教程的内容将包括像素图(QPixmap),单行文本框(QLineEdit)和下拉列表框(QComboBox) 像素图(QPixmap) 像素图(QPixmap)是各种用于处理图像的组件中的一个.它是在屏幕上显示图片的最佳选择.在我们代码例子中,我们将使用像素图来在窗口上显示一个图片. #!/usr/bin/python3 # -*- coding: utf-8 -*- """ ZetCode PyQt5 tutorial In

第84课 多线程与界面组件的通信(上)

1. 有趣的问题: [编程实验]是否可以在子线程中创建界面组件 //TestThread.h #ifndef TESTTHREAD_H #define TESTTHREAD_H #include <QThread> class TestThread : public QThread { Q_OBJECT protected: void run(); public: explicit TestThread(QObject* parent = 0); }; #endif // TESTTHREAD

cocos2d-x 源码分析 : control 源码分析 ( 控制类组件 controlButton)

源码版本来自3.1rc 转载请注明 cocos2d-x源码分析总目录 http://blog.csdn.net/u011225840/article/details/31743129 1.继承结构 control的设计整体感觉挺美的,在父类control定义了整个控制事件的基础以及管理,虽然其继承了Layer,但其本身和UI组件的实现并没有关联.在子类(controlButton,controlSwitch,controlStepper等中实现不同的UI组件).下面通过源码来分析control与

前端组件库

//来源:http://www.cnblogs.com/liuzhibin/p/5944821.html 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S – 前端集成解决方案 前端模块管理器 Bower – A package

SWT常用组件

SWT类所代表的事件常量: 事件类型常量 说明 SWT.Activate 当激活窗口时 SWT.Arm 菜单项被选中之前 SWT.Close 关闭窗口时 SWT.Collapse 折叠树的节点时 SWT.Deactivate 窗口处于非激活状态时 SWT.DefaultSelection 默认选中时 SWT.Deiconify 窗口不是最小化时 SWT.Dispose 释放资源时 SWT.DragDetect 拖动控件时 SWT.Expand 展开树节点时 SWT.FocusIn 控件获得焦点时

ASP组件AspJpeg(加水印)生成缩略图等使用方法

ASP组件AspJpeg(加水印)生成缩略图等使用方法 作者: 字体:[增加 减小] 类型:转载 时间:2012-12-17我要评论 ASPJPEG是一款功能相当强大的图象处理组件,用它可以轻松地做出图片的缩略图和为图片加上水印功能.下面简单介绍一下使用方法,需要的朋友可以了解下 一.为图片添加水印 复制代码 代码如下: <% Dim Jpeg ''''//声明变量 Set Jpeg = Server.CreateObject("Persits.Jpeg") ''''//调用组件

【REACT NATIVE 系列教程之一】触摸事件的两种形式与四种TOUCHABLE组件详解

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2203.html 本文是RN(React Native)系列教程第一篇,当然也要给自己的群做个广告:   React Native @Himi :126100395  刚创建的群,欢迎一起学习.讨论.进步. 本文主要讲解两点: 1.   PanResponder:触摸事件,用以获取用户手指所在屏幕的坐标(x,y)或触