zoukankan      html  css  js  c++  java
  • JS 移动动画

       function moveElement(elementId, final_x, final_y,interval) {
                if (!document.getElementById) return false;
                if (!document.getElementById(elementId)) return false;
                var elem = document.getElementById(elementId);
                var elementLeft = parseInt(elem.style.left);
                var elementTop = parseInt(elem.style.top);
                if (elementLeft == final_x && elementTop == final_y) {
                    return true;
                }
                if (elementLeft < final_x) {
                    elementLeft++;
                }
                if (elementLeft > final_x) {
                    elementLeft--;
                }
                if (elementTop < final_y) {
                    elementTop++ ;
                }
                if (elementTop > final_y) {
                    elementTop--;
                }
                elem.style.left = elementLeft + 'px';
                elem.style.top = elementTop + 'px';
                var repeat = "moveElement('"+ elementId + "'," + final_x + "," + final_y + "," + interval + ")";
                movement = setTimeout(repeat, interval);
            }

       function positionMsg() {
                var elem = document.getElementById('message');
                elem.style.position = 'absolute';
                elem.style.left = '10px';
                elem.style.top = '100px';
                moveElement('message',200,500,100);
            };

  • 相关阅读:
    Delphi Try Except 实例
    如何有效地让一个“ParentFont = False”子控件使用与父母相同的字体名称?
    WPF的本质:数据和行为
    WPF-触发器
    WPF TextBox 验证输入
    wpf数据绑定更新通知
    asp.net *.ashx类型的文件使用说明
    asp.net 定时间点执行任务的简易解决办法
    asp.net 页面延时五秒,跳转到另外的页面
    Asp.net 基于Cookie简易的权限判断
  • 原文地址:https://www.cnblogs.com/isylar/p/4748410.html
Copyright © 2011-2022 走看看