初识JS原生animate动画函数

马黑黑

红影 发表于 2024-6-15 09:03
他是用主楼代码替换了一张图片啊，不知道为什么不转了。
早上上来想趁着脑袋清爽再来复习一下，看到了这 ...

马黑黑

马黑黑

马黑黑

图片不行用div:

1. 
   
2. <div id="dl" style="position: absolute; width: 200px; height: 200px; background: url('https://pic.imgdb.cn/item/666c2763d9c307b7e9f1b400.png') no-repeat center/cover;"></div>
   
3. 
   
4. <script>
   
5. 
   
6. var kfs = {
   
7.     transform: ['rotate(0)', 'rotate(360deg)']
   
8. };
   
9. 
   
10. var opt = {
    
11.     duration: 8000,
    
12.     iterations: Infinity,
    
13. };
    
14. 
    
15. var ani = dl.animate(kfs, opt);
    
16. 
    
17. dl.onclick = () => {
    
18.     ani.playState === 'running' ? ani.pause() : ani.play();
    
19. };
    
20. 
    
21. </script>

复制代码

马黑黑

东篱闲人 发表于 2024-6-14 21:19
不过在别的地方，它确实是转的。。。

可能在论坛，使用 img 在一楼以外的楼层它都不行，可以改为图片做背景图的方式，我已经改了你的代码，能转了，有空瞧瞧

东篱闲人

马黑黑 发表于 2024-6-15 11:23
这个有点奇怪的，我改了还不行。在别处是可以的，可能是你手气不好

嗯嗯嗯，真气人啊。。。

东篱闲人

红影 发表于 2024-6-15 10:52
等翻页了再试一次，说不定就好了

现在转了。。。

东篱闲人

马黑黑 发表于 2024-6-15 11:49
可能在论坛，使用 img 在一楼以外的楼层它都不行，可以改为图片做背景图的方式，我已经改了你的代码，能 ...

看到了。。。

东篱闲人

马黑黑 发表于 2024-6-15 11:49
可能在论坛，使用 img 在一楼以外的楼层它都不行，可以改为图片做背景图的方式，我已经改了你的代码，能 ...

确实在一楼转，其他地方不转。原来它真的挑地方啊，这莫非不是个妖怪吧。。。

小辣椒

感觉黑黑现在经常在拖地板，拖一次想出来一个新的东西，频率还特别的快

马黑黑

小辣椒 发表于 2024-6-15 12:33
感觉黑黑现在经常在拖地板，拖一次想出来一个新的东西，频率还特别的快

啊？三天拖一次是正常的

马黑黑

东篱闲人 发表于 2024-6-15 12:19
确实在一楼转，其他地方不转。原来它真的挑地方啊，这莫非不是个妖怪吧。。。

这个不太清楚。有空我试试其他版本的论坛程序看看

马黑黑

东篱闲人 发表于 2024-6-15 12:16
看到了。。。

马黑黑

东篱闲人 发表于 2024-6-15 12:14
嗯嗯嗯，真气人啊。。。

图片吧，img标签，它默认是行内属性，需要块状属性的盒子才具备孙悟空全方位的腾挪功能，但是我改它为块状属性也不成

小辣椒

马黑黑 发表于 2024-6-15 12:36
啊？三天拖一次是正常的

感觉你每天拖几次的，一面拖一面动脑子，否则会这么快一个个的出来

马黑黑

小辣椒 发表于 2024-6-15 12:39
感觉你每天拖几次的，一面拖一面动脑子，否则会这么快一个个的出来

那没有，我没那么勤快，不是五好老公

红影

马黑黑 发表于 2024-6-15 11:28
估计得酱紫

这个有点奇怪的

红影

马黑黑 发表于 2024-6-15 11:49
可能在论坛，使用 img 在一楼以外的楼层它都不行，可以改为图片做背景图的方式，我已经改了你的代码，能 ...

原来是这样，我也跟着看看学习一下

红影

东篱闲人 发表于 2024-6-15 12:15
现在转了。。。

看到了，还好东篱大哥试了一下，现在知道了使用 img 在一楼以外的楼层会有问题。

马黑黑

红影 发表于 2024-6-15 13:55
原来是这样，我也跟着看看学习一下

dz论坛虽然优秀，但是还是有不少问题的。按F12，花潮出现的错误较多，至少有5条。这是可见的错误，还有很多不可见的也暂时不触发的。