纯净天籁 《大悲咒》
本帖最后由 大猫咪 于 2022-4-16 15:14 编辑 <br /><br /><style type="text/css">/* 外框盒子 */
#xq { position: relative; left:-204px; top:120px; width: 1100px; height: 600px; background:#333 url('https://s3.bmp.ovh/imgs/2022/04/16/db44880763d8ebda.png') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px;}
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 360px;
text-align: center;
font-size: 1rem;
font-weight: bold;
color: #EEEE00;
transform-origin: top;
animation: yao 0.8s linear infinite alternate;
}
/* 动画 */
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
/* 播放按钮 */
.picBtn {
width: 80px;
height:120px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://www.huachaowang.com/data/attachment/forum/202203/15/201924gajgggtt8sznc2u5.gif') no-repeat;
cursor: pointer;
}
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:10px; top: 40px; ">纯净天籁 《大悲咒》 </div>
<div style="position: absolute; left:150px; top: 120px; width:400px;text-align:center;">
<img alt="" src="https://s3.bmp.ovh/imgs/2022/04/16/1a19dfad6281a9d5.gif"/>
<div style="position:absolute; width:260px; left:560px; top: 10px; text-align:center;padding:10px;font-size:1em;font-family:'微软雅黑';text-shadow:1px 1px 2px #000;">
<marqueescrollamount="5" direction="left" > </marquee>
</div>
</div>
<!-- 控制按钮应是父盒子的第一代子元素 -->
<div style="position:absolute; width:120px; left: 10px; top:calc(100% - 140px); text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</div>
<!-- 播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1435410101.mp3" ></audio>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202203/15/201924gajgggtt8sznc2u5.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://www.huachaowang.com/data/attachment/forum/202203/15/201924gajgggtt8sznc2u5.gif')";
});
</script><br><br><br><br><br><br><br>
伸手触不到的天际，也可看到希望。心若在，梦就在。在你我心中，是否都有一片洋溢着清香的向日葵庄园，是不是比天空中的那一颗大大的向日葵更加迷人，更耀眼。。{:4_204:} 安宁 发表于 2022-4-16 14:47
伸手触不到的天际，也可看到希望。心若在，梦就在。在你我心中，是否都有一片洋溢着清香的向日葵庄园，是不 ...
小安宁来了{:4_187:} 开心， 周末快乐！这歌叫啥名字知道不{:4_179:} 猫忘了！ 安宁 发表于 2022-4-16 14:47
伸手触不到的天际，也可看到希望。心若在，梦就在。在你我心中，是否都有一片洋溢着清香的向日葵庄园，是不 ...
嗯嗯心若在，梦就在 说的真好！{:4_204:}{:5_106:} 想起来了《大悲咒》{:4_204:}{:5_106:} 大悲咒
歌手：敬善媛（纯净 天籁 ）
所属专辑：如来云水月
每个人的慈悲之心与生俱来，在甘露的滋润下，让慈悲之莲花在空中绽放。
猫咪朋友下午好！让我们共同祈祷天下无灾无难,万民吉祥安康。 安宁 发表于 2022-4-16 15:20
大悲咒
歌手：敬善媛（纯净 天籁 ）
所属专辑：如来云水月
嗯嗯 收到， 今天没出去踏青啊，你那疫情严重不，多注意 {:4_204:}{:4_190:} 梦油 发表于 2022-4-16 15:31
猫咪朋友下午好！让我们共同祈祷天下无灾无难,万民吉祥安康。
嗯嗯 谢谢梦油友友周末快乐！ 一起祝福无灾无难,万民吉祥安康。{:4_204:}{:4_190:} 大猫咪 发表于 2022-4-16 15:36
嗯嗯 收到， 今天没出去踏青啊，你那疫情严重不，多注意
上星期受外来影响，疫情突然来了一波，一星期天天“全家桶”，措施得力，今天基本平复。已解除风险，下周一全线如常。（娱乐场所暂时管控，但吃喝不受影响，堂食一直正常的，没缺喝茶吃饭的……让人不增不减，斤两如常）{:5_117:} 安宁 发表于 2022-4-16 15:48
上星期受外来影响，疫情突然来了一波，一星期天天“全家桶”，措施得力，今天基本平复。已解除风险，下周 ...
嗯嗯那就好！俺们这3天桶一次{:5_106:} 管理不错，生活也还算正常{:4_204:}{:4_190:} 大猫咪 发表于 2022-4-16 15:37
嗯嗯 谢谢梦油友友周末快乐！ 一起祝福无灾无难,万民吉祥安康。
猫咪朋友下午好！疫情当前，猫咪朋友多保重。 梦油 发表于 2022-4-16 15:53
猫咪朋友下午好！疫情当前，猫咪朋友多保重。
好的 梦油也多多保重，{:4_187:}春安好！{:4_180:} 在加利福尼亚途经见过一大片野生向日葵，美的简单像一幅油画。来不及拍下照片，一直觉得遗憾。
广州南沙区有个百万葵园，把向日葵作为观赏性植物设计成超大型主题园林公园。人工种植的花朵满足了市场的需求，却欠缺那份物竞天择的天地灵气。 大猫咪 发表于 2022-4-16 15:52
嗯嗯那就好！俺们这3天桶一次 管理不错，生活也还算正常
只要堂食在，向日葵花开，春就在乱花深处、鸟声中。 安宁 发表于 2022-4-16 16:04
在加利福尼亚途经见过一大片野生向日葵，美的简单像一幅油画。来不及拍下照片，一直觉得遗憾。
广州南沙区 ...
那是 人多地少灵气 出不来的{:5_106:} 要大山里的才带着太阳的爱，和天真的笑{:4_204:} 大猫咪 发表于 2022-4-16 15:57
好的 梦油也多多保重，春安好！
谢谢，谢谢！咱们都注意点，别让瘟神找上门来。 梦油 发表于 2022-4-16 16:32
谢谢，谢谢！咱们都注意点，别让瘟神找上门来。
嗯嗯 必须滴{:4_204:}{:4_190:} 很纯净的歌声，猫猫的制作真漂亮，看看这样的场景让人心旷神怡{:4_199:}