博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
匀速运动
阅读量:4352 次
发布时间:2019-06-07

本文共 634 字,大约阅读时间需要 2 分钟。

匀速运动
function startMove(target){
          clearInterval( timer );
          timer = setInterval( function(){
              var speed = target - oDiv.offsetLeft>0 ? 7  : -7;
              if( Math.abs( target - oDiv.offsetLeft ) <  7 ){
                   oDiv.style.left = target + "px";
                   clearInterval( timer );
              }else{
                   oDiv.style.left = oDiv.offsetLeft +  speed + "px";
              }
          },30 )
     }
 
匀速透明运动
var alpha = 30;// 操作透明度的变化
function startMove(target){
          clearInterval( timer );
          timer = setInterval( function(){
              var speed = target-alpha>0 ? 1 : -1;
              if( target == alpha ){
                   clearInterval( timer );
              }else{
                   alpha += speed;
                   oDiv.style.opacity =  alpha/100;
              }
          },30 )
     }

转载于:https://www.cnblogs.com/tis100204/p/10297447.html

你可能感兴趣的文章
微软自己的官网介绍 SSL 参数相关
查看>>
Composite UI Application Block (CAB) 概念和术语
查看>>
ajax跨域,携带cookie
查看>>
阶段3 2.Spring_02.程序间耦合_7 分析工厂模式中的问题并改造
查看>>
阶段3 2.Spring_03.Spring的 IOC 和 DI_2 spring中的Ioc前期准备
查看>>
阶段3 2.Spring_03.Spring的 IOC 和 DI_6 spring中bean的细节之三种创建Bean对象的方式
查看>>
阶段3 2.Spring_09.JdbcTemplate的基本使用_5 JdbcTemplate在spring的ioc中使用
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第11节 Logback日志框架介绍和SpringBoot整合实战_45、SpringBoot2.x日志讲解和Logback配置实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_4-05 微服务调用方式之feign 实战 订单调用商品服务...
查看>>
技术分析淘宝的超卖宝贝
查看>>
Azure云服务托管恶意软件
查看>>
crontab导致磁盘空间满问题的解决
查看>>
自定义滚动条
查看>>
APP开发手记01(app与web的困惑)
查看>>
初识前端作业1
查看>>
jpg转bmp(使用libjpeg)
查看>>
linear-gradient常用实现效果
查看>>
sql语言的一大类 DML 数据的操纵语言
查看>>
VMware黑屏解决方法
查看>>
JAVA 基础 / 第八课:面向对象 / JAVA类的方法与实例方法
查看>>