仓央嘉措情歌
本帖最后由 三月的阳光 于 2022-2-8 15:22 编辑 <br /><br /><p></p><p></p><style type="text/css">.paBox { /* 父框 */
margin: 50px auto;
width: 1024px;
height: 640px;
position: relative;
background: #000 url('https://www.dlbbs.com/data/attachment/forum/202202/06/100414yu9i9rjj4jreid4d.jpg') no-repeat;
left: -10px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 600px; height: 2px;
background: silver;
left: 160px; top: 230px;
opacity: 0.1;
transform-origin: center center;
}
/* 父框和 .soBox 的伪元素各自的动画样式 */
.paBox::before { animation: fly 2s linear infinite alternate;}
.paBox::after { height: 4px; animation: fly 5s linear infinite;}
.soBox::before { animation: fly 3s linear infinite;}
.soBox::after { height: 5px; animation: fly 1s linear infinite alternate;}
@keyframes fly { 100% { transform: rotate(360deg); } }
/*旋转按钮*/
.roBox32 {
margin: 10px;
position: relative;
width: 32px; height: 32px;
line-height: 32px; font-size: 12px;
background: linear-gradient(blue,gray,red);
outline:none;
color: white;
border-radius: 50%;
text-align: center;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.roBox32:hover { opacity: 0.8; }
.roBox32:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:300px; top:500px; color: #fff;"><marquee scrollamount="3" direction="left"><font color="Blue"><font face="黑体"><font size="5">仓央嘉措情歌</font></font></font></marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox32" style="left:10%;top:88%;">●</div>
</div>
<audio id="ymusic" src="http://image.hnol.net/c/swf/2022-02/08/15/202202081518544431-2813635.swf" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var mu = document.getElementById('ymusic');
var roBtn = document.getElementById('roBox');
mu.autoplay ? roBtn.style.animationPlayState="running" : roBtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ roBtn.style.animationPlayState="paused"; })
roBtn.onclick = function(){ mu.paused ? (mu.play(), roBtn.style.animationPlayState="running") : (mu.pause(), roBtn.style.animationPlayState="paused"); }
</script>
<div id="comment_1434670" class="cm">
</div>
<br><br><br><br><br><br>
师兄新年好！{:10_402:} 这情歌我怎么听不懂，哈哈哈哈 蜻蜓 发表于 2022-2-6 10:06
师兄新年好！
师妹新年快乐！{:10_402:}{:10_402:}
蜻蜓 发表于 2022-2-6 10:08
这情歌我怎么听不懂，哈哈哈哈
应该唱的是藏语吧~~{:9005:}
三月的阳光 发表于 2022-2-6 10:16
应该唱的是藏语吧~~
肯定是的
阳光好！虎年大吉！ 来绕一圈{:9005:}上班啦{:9005:} 蜻蜓 发表于 2022-2-6 13:31
肯定是的
还有日波益西仁波切的男声版也很好听的~~{:9005:}