转载一个短视频

丁香

[i=s] 本帖最后由 丁香 于 2025-6-10 12:58 编辑 [/i]

丁香

[i=s] 本帖最后由 丁香 于 2025-6-10 13:08 编辑 [/i]

丁香

1. <style>
   
2.   #oBlk {
   
3.     margin-left: 50% ; left: -600px;
   
4.     margin-top:20px;
   
5.     width: 1198px;
   
6.     height: 800px;
   
7.     box-shadow: 3px 3px 10px #000;
   
8.     overflow: hidden;
   
9.     position: absolute;
   
10.   }
    
11. 
    
12.   #oBlk::before,
    
13.   #oBlk::after {
    
14.     position: absolute;
    
15.     content: '';
    
16.     left: var(--curX0);
    
17.     top: 0px;
    
18.     width: 100%;
    
19.     height: 100%;
    
20.     background: url('https://file.uhsea.com/2506/a43cb7d8123fa9ff76f450f994d038a8XF.jpg') no-repeat center / cover;
    
21.   }
    
22. 
    
23.   #oBlk::after {
    
24.     left: var(--curX1);
    
25.     transform: scaleX(-1);
    
26.   }
    
27. </style>
    
28. <div id="oBlk"></div>
    
29. <div style="height:960px;"></div>
    
30. <script>
    
31. {
    
32.   let blkWidth = oBlk.offsetWidth;
    
33.   let step = 1.0, tune = 0,
    
34.     curX0 = 0,
    
35.     curX1 = blkWidth,
    
36.     raf;
    
37. 
    
38.   let moving = () =>        {
    
39. /*   
    
40.         //自左向右
    
41.     curX0 += step;
    
42.     curX1 += step;
    
43.     if(curX0 >= blkWidth) curX0 = -blkWidth;
    
44.     if(curX1 >= blkWidth) curX1 = -blkWidth;
    
45. */      
    
46.         //自右向左
    
47.     curX0 -= step;
    
48.     curX1 -= step;
    
49.     if(curX0 <= -blkWidth) curX0 = blkWidth;
    
50.     if(curX1 <= -blkWidth) curX1 = blkWidth;
    
51. 
    
52.     tune = curX1 + (curX0 >= 0 ? 1 : -1);
    
53.     oBlk.style.setProperty('--curX0', curX0 + 'px');
    
54.     oBlk.style.setProperty('--curX1', tune + 'px');
    
55.     raf = requestAnimationFrame(moving);
    
56.   };
    
57.   moving();
    
58. }  
    
59. </script>
    
60. 
    
61. 
    
62. 
    
63. <audio src="https://link.hhtjim.com/163/28461465.mp3" autoplay loop></audio>
    

复制代码

移动大图加音乐

丁香

月婵 发表于 2024-12-21 20:09
欣赏版版转载一个短视频 很好的！

谢谢你的支持鼓励，周末愉快！

丁香

咕咚来了 发表于 2024-12-21 19:40
是的，你必须找个正确的方法，让视频或音频大家都能看到和听到。不能有的能看到，有的看不到。 ...

尽力而为吧。没事儿就瞎捣鼓，成功了就高兴。

丁香

竹海人家 发表于 2024-12-21 19:14
我这里一切正常，欣赏丁香老师转载的精彩视频，向您学习了，晚上好！

谢谢你的支持鼓励，周末愉快！

丁香

老谟深虑 发表于 2024-12-21 18:55
很好。

谢谢老师，早上好！

筱亭

丁香 发表于 2024-12-22 05:27
哦，没看这个电视剧，一定很好看。

热播！我看了两遍

微尘

丁香 发表于 2024-12-22 05:28
同样的祝福送给你，早上好！

乐乐呵呵的过好每一天，这是我们的共同追求哦。

丁香

[i=s] 本帖最后由 丁香 于 2025-5-30 15:47 编辑 [/i]

哦哦哦哦哦哦