实习单位要求做一个在Vue项目中比较能适配的来反映货梯当前状况的页面效果

用JS写了一个

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>电梯</title>

        <style>

            div.solid {

                border-style: solid;

                margin-top: 300px;

                width: 200px;

            }

        </style>

    </head>

    <body>

        <div style="height: 500px;">

            <div class="solid" id='dianti'>												


											
通过JS完成电梯动画效果的更多相关文章
	

    
								
  1. 原生JS封装简单动画效果
		
    原生JS封装简单动画效果 一致使用各种插件,有时候对原生JS陌生了起来,所以决定封装一个简单动画效果,熟悉JS原生代码 function animate(obj, target,num){ if(ob ...
    
		
    2. 
						
  2. 如何查看一个网页特定效果的js代码（动画效果可js和css）（页面可以看到js的源代码）
		
    如何查看一个网页特定效果的js代码(动画效果可js和css)(页面可以看到js的源代码) 一.总结 1.动画效果可能是 CSS 实现的,也可能是 JS 实现的. 2.直接Chrome的F12调试即可, ...
    
		
    3. 
						
  3. two.js之实现动画效果
		
    一.什么是two.js? Two.js 是面向现代 Web 浏览器的一个二维绘图 API.Two.js 可以用于多个场合:SVG,Canvas 和 WebGL,旨在使平面形状和动画的创建更方便,更简洁 ...
    
		
    4. 
						
  4. js判断css动画效果是否结束
		
    <!-- css样式 --> <style> .test{ width: 100px; height: 100px; transition: all 5s; backgroun ...
    
		
    5. 
						
  5. js +1的动画效果
		
    var fnPlusAnimate = function(str, options){ if (typeof str === 'object') { options = str; str = unde ...
    
		
    6. 
						
  6. anime.js 实战：实现一个带有描边动画效果的复选框
		
    在网页或者是APP的开发中,动画运用得当可以起到锦上添花的作用.正确使用动画,不但可以有助于用户理解交互的作用,还可以大大提高网页应用的魅力和使用体验.并且在现在的网页开发中,动画已经成为了一个设计的 ...
    
		
    7. 
						
  7. jQuery Easing动画效果扩展（转）
		
    jQuery API提供了简单的动画效果如淡入淡出以及自定义动画效果,而今天我给大家分享的是一款jQuery动画效果扩展增强插件jquery.easing.js,使用该插件可以实现直线匀速运功.变加速 ...
    
		
    8. 
						
  8. jQuery Easing 动画效果扩展
		
    jQuery API提供了简单的动画效果如淡入淡出以及自定义动画效果,而今天我给大家分享的是一款jQuery动画效果扩展增强插件jquery.easing.js,使用该插件可以实现直线匀速运功.变加速 ...
    
		
    9. 
						
  9. jQuery Easing 动画效果扩展--使用Easing插件，让你的动画更具美感。
		
    jQuery  Easing 是一款比较老的jQuery插件,在很多网站都有应用,尤其是在一些页面滚动.幻灯片切换等场景应用比较多.它非常小巧,且有多种动画方案供选择,使用简单,而且免费. 引入Eas ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Spring4学习回顾之路01—HelloWorld
			
    以前公司一直使用的是spring3.0,最近一段时间开始用了4.0,官网上都已经有了5.0,但是很多知识点已经忘了差不多了,趁现在项目不忙写写随笔,一来回顾自己的知识点,二来如果能帮助比我还小白的小白 ...
    
			
    2. 
						
  2. nginx自定义log_format以及输出自定义http头
			
    官方文档地址: http://nginx.org/en/docs/http/ngx_http_log_module.html 一.log_format默认格式 首先Nginx默认的log_format ...
    
			
    3. 
						
  3. socket传送文件格式的问题
			
    在python3中socket传送文件只能传送‘bytes'类型,如下例子: import socket client = socket.socket()client.connect(("l ...
    
			
    4. 
						
  4. 2 - sat 模板（自用）
			
    2-sat一个变量两种状态符合条件的状态建边找强连通,两两成立1 - n 为第一状态(n + 1) - (n + n) 为第二状态 例题模板 链接一  POJ 3207 Ikki's Story IV ...
    
			
    5. 
						
  5. P3748 [六省联考2017]摧毁“树状图”
			
    传送门 显然是可以树形 $dp$ 的 对每个节点维护以下 $5$ 个东西 $1.$ 从当前节点出发往下的链的最大贡献 $2.$ 节点子树内不经过本身的路径最大贡献 $3.$ 节点子树内经过本身的路径的 ...
    
			
    6. 
						
  6. centos7 源码安装 MongoDb
			
    1.下载源码包 curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.2.12.tgz 2.解压 放到 /usr/local/ ...
    
			
    7. 
						
  7. js中神奇的东西
			
    简单了解一些js的东西 window.history.go(-1);//历史记录-1,跳转到上一次操作的页面 Location 对象的 replace() 方法用于重新加载当前文档(页面) javas ...
    
			
    8. 
						
  8. 客户端注册Cannot execute request on any known server解决
			
    在对eureka注册中心服务端添加安全验证后,新版本springcloud出现一个问题就是,在客户端注册到服务中心时报了一个错:Cannot execute request on any known  ...
    
			
    9. 
						
  9. HTML之盒子变形动画
			
    4个圆形球作圆周运动 代码: <div class="box"> <div class="box1"></div> < ...
    
			
    10. 
						
  10. 卡尔曼(Kalman)滤波及十种数据采集滤波的方法和编程实例
			
    卡尔曼(Kalman)滤波:https://blog.csdn.net/CSDN_X_W/article/details/90289021 十种数据采集滤波的方法和编程实例:https://wenku ...
    
			
    11.