1
lllllliu 2019-03-18 17:26:48 +08:00
没太懂,但是看了下。
按照你的代码来的话,你可以每次先把那个 move 的样式去掉,然后再添加。。 |
2
en20 2019-03-18 17:31:22 +08:00
这样??
``` let div = document.querySelector("div") div.onclick = function() { div.className = ""; setTimeout(() => { div.className = "move"; },5000) ``` |
3
davin 2019-03-18 17:41:00 +08:00
可以把 `document.querySelector("div").className = "move";` 换成 `this.classList.toggle('move');` 这句,让小人来回动
|
4
keventseng 2019-03-18 17:53:58 +08:00
将 gif 导出多张帧图片,然后用点击事件轮换图片。
|
5
azh7138m 2019-03-18 17:57:55 +08:00
|
7
wunonglin 2019-03-18 18:14:00 +08:00
```html
<div> <img id='img' src=http://image.99114.com/upfile/pro/20071224/0935550505.gif> </div> ``` ```css img { cursor: pointer; transition: all .4s ease; background-color: aquamarine; } img.move{ transform: translateX(100%); } div { width: 100%; } ``` ```js document.querySelector("#img").onclick = function() { document.querySelector("#img").classList.contains('move') ? document.querySelector("#img").classList.remove('move') : document.querySelector("#img").classList.add('move') } ``` |
9
wunonglin 2019-03-18 18:16:54 +08:00
|
11
abc635073826 2019-03-18 19:32:11 +08:00
@keventseng 这的确是最清晰的方式,但肯定不是楼主要的高大上的方式
|
12
guomuzz 2019-03-18 19:34:25 +08:00
搞一个原地动的小人 然后 js 控制图片 position...
|
13
wizcas 2019-03-20 15:26:57 +08:00 via Android
requestAnimationFrame 手撸动画
|