如何通过JS实现简单抖动效果
来源:互联网 发布:逃生2剧情解析知乎 编辑:程序博客网 时间:2024/05/22 08:20
代码如下:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>#div1 {width: 100px;height: 100px;position: absolute;left: 400px;top: 200px;background: red;}</style></head><body><div id="div1"></div><script>var div1 = document.querySelector('#div1');document.onclick = function () {/** 抖动:* 1. 每次改变一下元素的位置* 按照一个中心点进行偏移,假设中心点left原始是400,那么每次就以left:400为中心做位置的移动* 380 -> 420* */// div1.style.left = '380px';// div1.style.left = '420px';var a = true;setInterval(function() {/** 根据a的值,做不同的设置* */div1.style.left = (a ? 380 : 420) + 'px';a = !a;}, 30);}</script></body></html>
阅读全文
1 0
- 如何通过JS实现简单抖动效果
- 简单JS 实现窗口抖动效果
- 通过js实现简单的动画效果
- jQuery--元素抖动效果的简单实现
- android实现抖动效果
- EditText实现抖动效果
- 实现抖动效果
- CAKeyframeAnimation实现抖动效果
- android实现抖动效果
- jquery 实现抖动效果
- jquery 实现抖动效果
- JS实现鼠标滑过图片的抖动效果
- Android输入框实现简单的抖动效果
- Android输入框实现简单的抖动效果
- 如何实现Android界面组件的抖动效果
- 如何得到照相机抖动效果
- 窗口抖动效果的实现
- jq实现果冻抖动效果
- Bootstrap HTML编码规范
- 搜索-O
- AutoCAD.NET API开发环境搭建
- 线程使用之互斥量
- [学习笔记]Hadoop核心之初始HDFS
- 如何通过JS实现简单抖动效果
- 本地工程中删除了一些不需要的文件后,提交SVN报错处理
- mysql临时表
- iOS开发
- 模拟NBA赛季
- 查看Android源码版本
- Linux——网络配置介绍
- ADO.NET
- ERROR [ExceptionFilter] [DUBBO] Got unchecked and undeclared exception which called by 10.165.31.88