瀑布

娟子

武朝歌 发表于 2024-10-20 13:29
谢谢您的指导，这样可以了吗！

武朝歌老师客气了！动作真快呀，看到帖子已恢复正常了，非常高兴！

静悟

好有气势！

武朝歌

静悟 发表于 2024-10-20 14:20
好有气势！

我想把音乐播放器隐藏在画面里弄了几次没有成功。下午好。谢谢您的鼓励和支持！

秋思梦景

问候老师好！精美音画佳作，精心制作分享！为您点赞！祝您幸福安康！

武朝歌

秋思梦景 发表于 2024-10-20 17:58
问候老师好！精美音画佳作，精心制作分享！为您点赞！祝您幸福安康！

晚上好。谢谢您的鼓励和支持！

武朝歌

静悟 发表于 2024-10-20 14:20
好有气势！

上午好。谢谢您的鼓励和支持！

娟子

 

武朝歌

静悟 发表于 2024-10-20 14:20
好有气势！

下午好。谢谢您的鼓励和支持！

武朝歌

娟子 发表于 2024-10-21 16:46
#outBlk        {width:720px; height:800px;overflow:hidden;position:relative;margin:32p ...

在编辑器里有音乐来到论坛不显示：

<div style="width: 720px;height: 600px;box-shadow:  0px 0px 1px 2px #FF0000, 0px 0px 0px 8px #eefef1,0px 0px 5px 15px #FF0000;overflow:hidden;border-radius:1%;margin-top:0px;margin-LEFT: 30px;"><div style="left: 0px; top:-30px; width: 720px; position: relative;">

<style>

#outBlk {width:720px; height:800px;overflow:hidden;position:relative;margin:32px auto;border-radius:24px;box-shadow:4px 4px 10px black;}

#picHolder {width:720px; height:0px; position:relative; top:0px; animation: mUp 80s linear infinite ; }

#picHolder img {width:720px;margin-top:-5px;}

@keyframes mUp {

to {top: -;}

} //transform: translateY(-8539px);

</style>

<div id="outBlk">

<div id="picHolder">

<img src="https://pic.imgdb.cn/item/67139f38d29ded1a8cb8c7f0.gif">

&nbsp;

</div>

</div></script></div></div>

 </iframe>

<p><br></p>

  <audio src="

如果无法播放，请点击此处在新窗口打开

" autoplay loop></audio>

  

娟子

武朝歌 发表于 2024-10-21 16:54
本帖最后由 武朝歌 于 2024-10-21 16:56 编辑 娟子 发表于 2024-10-21 16:46#outBlk&nbsp; &nbsp;&nbsp; & ...

就是用您的代码发的呀！

1. <div style="width: 720px;height: 600px;box-shadow:  0px 0px 1px 2px #FF0000, 0px 0px 0px 8px #eefef1,0px 0px 5px 15px #FF0000;overflow:hidden;border-radius:1%;margin-top:0px;margin-LEFT: 30px;"><div style="left: 0px; top:-30px; width: 720px; position: relative;">
   
2. <style>
   
3.         #outBlk        {width:720px; height:800px;overflow:hidden;position:relative;margin:32px auto;border-radius:24px;box-shadow:4px 4px 10px black;}
   
4.         #picHolder        {width:720px; height:0px; position:relative; top:0px; animation: mUp 80s linear infinite ; }
   
5.         #picHolder img        {width:720px;margin-top:-5px;}      
   
6.         @keyframes        mUp {
   
7.                 to {top: -;}
   
8.         }        //transform: translateY(-8539px);
   
9. </style>
   
10. <div id="outBlk">
    
11.         <div id="picHolder">
    
12.                 <img src="https://pic.imgdb.cn/item/67139f38d29ded1a8cb8c7f0.gif">
    
13. 
    
14.         </div>
    
15. </div></script></div></div>
    
16. </iframe>
    
17. <p><br></p>
    
18.   <audio src=" https://music.163.com/song/media/outer/url?id=2085702886.mp3  " autoplay loop></audio>
    
19. 
    
20. 
    
21.   

复制代码