zoukankan      html  css  js  c++  java
  • 基础运动move.js

    /*
    * 事件绑定
    */
    function myAddEvent(obj,ev,fn){
    if(obj.attachEvent){
    obj.attachEvent('on' + ev,fn);
    }else{
    obj.addEventListener(ev,fn,false);
    }
    }
    /*
    * 获取样式值
    */
    function getStyle(obj, name) {
    if(obj.currentStyle) {
    return obj.currentStyle[name];
    } else {
    return getComputedStyle(obj, false)[name];
    }
    }
    
    /*
    * 缓冲运动特效函数
    */
    function startMove(obj, attr, iTarget) {
    clearInterval(obj.timer);
    obj.timer = setInterval(function() {
    var cur = 0;
    if(attr == 'opacity') {
    cur = Math.round(parseFloat(getStyle(obj, attr)) * 100);
    } else {
    cur = parseInt(getStyle(obj, attr));
    }
    var speed = (iTarget - cur) / 6;
    speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
    if(cur == iTarget) {
    clearInterval(obj.timer);
    } else {
    if(attr == 'opacity') {
    obj.style.filter = 'Alpha(opacity:' + (cur + speed) + ')';
    obj.style.opacity = (cur + speed) / 100;
    
    document.getElementById('txt1').value = obj.style.opacity;
    } else {
    obj.style[attr] = cur + speed + 'px';
    }
    }
    }, 30);
    }
    /*
    * 完美缓冲运动特效函数
    */
    function startMove1(obj, json, fnEnd) {
    clearInterval(obj.timer);
    obj.timer = setInterval(function() {
    var bStop = true; //假设所有的值都已经到了
    for(var attr in json){
    var cur = 0;
    if(attr == 'opacity') {
    cur = Math.round(parseFloat(getStyle(obj, attr)) * 100);
    } else {
    cur = parseInt(getStyle(obj, attr));
    }
    var speed = (json[attr] - cur) / 6;
    speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
    
    if(cur != json[attr]){
    bStop = false;
    }
    
    if(attr == 'opacity') {
    obj.style.filter = 'Alpha(opacity:' + (cur + speed) + ')';
    obj.style.opacity = (cur + speed) / 100;
    
    document.getElementById('txt1').value = obj.style.opacity;
    } else {
    obj.style[attr] = cur + speed + 'px';
    }
    }
    
    if(bStop){
    clearInterval(obj.timer);
    if(fnEnd){
    fnEnd();
    }
    }
    }, 30);
    }
  • 相关阅读:
    路由的添加和删除
    extjs中的tabpanle下的combobox提交问题
    Asp.net下from认证统一认证配置
    ASP.NET权限管理系统(FrameWork) 1.0.8 Release
    Web网站架构设计
    手机6120C 玩仙剑dos版
    Extjs 4.07 对类型定义引发的匹配问题
    Supesoft权限管理系统(FrameWork) 1.0.9 Release
    Google静态地图如何显示两点之间路线1(简单路线)
    Chrome不支持showModalDialog模态对话框和无法返回returnValue的问题
  • 原文地址:https://www.cnblogs.com/panda-ling/p/6699820.html
Copyright © 2011-2022 走看看