《風情萬種》-- 周星星
<style tpye="text/css">
#xq { position: relative; left:-204px;top:120px; width: 1000px; height: 600px; background:#333 url('https://pic.imgdb.cn/item/6231c45a5baa1a80ab0a4b0b.jpg') 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: 2rem;
font-weight: bold;
color: #f8c9cd;
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('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif') no-repeat;
cursor: pointer;
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:120px; top: 40px; ">風情萬種 - 周星星</div>
<div style="position: absolute; left:120px; top: 150px; width:400px;text-align:center;">
<img alt="" src="http://image.hnol.net/c/2021-01/10/10/202101101019478794-5088534.gif"/>
<div style="position:absolute; width:160px; left:560px; top: 60px; text-align:center;">
<center >
<p ><font color="#FFB6C1" size="3" >
<div style="color:#FFB6C1;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 1px #000000;">
<marqueescrollamount="5" direction="left" >吹海边的风
弥漫在夜空
这风情万种
出现在我梦中
想偷偷带走
藏进我的枕头
好温柔
随着跳动
别醒来
梦里没有人主宰
沉迷这光彩
我多期待
别盛开
再美的花也衰败
话言不由衷
不需要谁能懂
吹海边的风
弥漫在夜空
这风情万种
出现在我梦中
想偷偷带走
藏进我的枕头
好温柔
我来过 也坠落
我打破 那片沙漠
我再痛 我也要说
说再多也没有用
想追赶着日落
怕错过
我划过那片星河里
却只能照亮我自己
别醒来
梦里没有人主宰
沉迷这光彩
我多期待
别盛开
再美的花也衰败
话言不由衷
不需要谁能懂
吹海边的风
弥漫在夜空
这风情万种
出现在我梦中
想偷偷带走
藏进我的枕头
好温柔 </marquee>
<p><audio id="music" style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1812937356&auto=1&height.mp3" type="audio/mpeg" hidden="true"></audio>
<br></p>
<p><audio id="music" style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1813029599&auto=1&height.mp3" type="audio/mpeg" hidden="true"></audio>
<br></p>
<div style="position:absolute; width:120px; left:110px; top: 250px; text-align:center;">
<button id="picBtn" class="picBtn"></button>
</div>
</div>
</div>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-03/12/19/20220312194526771-5087368.gif')";
})
</script></div>
<br><br><br><br><br><br><br><br> 队长好制作，真漂亮，歌也好听， 晚上好 {:4_204:}{:4_179:} 队长真漂亮的制作。点赞{:4_187:} 大猫咪 发表于 2022-3-16 19:46
队长好制作，真漂亮，歌也好听， 晚上好
猫猫晚上好，上来玩啦。{:4_204:}{:4_190:} 红影 发表于 2022-3-16 20:05
队长真漂亮的制作。点赞
红影晚上好，这个制作有点温暖的感觉哦。{:4_187:} 这个色配的，这个镁铝安装的，一个字，绝。队长腻害 马黑黑 发表于 2022-3-16 20:13
这个色配的，这个镁铝安装的，一个字，绝。队长腻害
谢谢老黑支持。要不把这个镁铝送给你？{:4_170:} 加林森 发表于 2022-3-16 20:09
猫猫晚上好，上来玩啦。
嗯嗯 来了队长 {:4_187:}晚上好 不但漂亮，而且播放器有特色。 大猫咪 发表于 2022-3-16 20:26
嗯嗯 来了队长 晚上好
来了好，一起玩了。{:4_187:}{:4_190:} 樵歌 发表于 2022-3-16 20:30
不但漂亮，而且播放器有特色。
这个是小辣椒送我的。 樵歌 发表于 2022-3-16 20:30
不但漂亮，而且播放器有特色。
你快去收礼啊，我送你的纯音乐。 先看到的是图，这色调挺美的，队长选图有眼光{:4_199:} 小人儿按钮也挺好的，队长现在是高手一枚了{:4_199:} 千羽 发表于 2022-3-16 20:40
先看到的是图，这色调挺美的，队长选图有眼光
嗯嗯，就是看见这图漂亮，我用秀秀修改了一下就变成这样的颜色了。 千羽 发表于 2022-3-16 20:42
小人儿按钮也挺好的，队长现在是高手一枚了
这个小丫头是小辣椒送我的，我很喜欢的。{:4_189:} 加林森 发表于 2022-3-16 20:42
嗯嗯，就是看见这图漂亮，我用秀秀修改了一下就变成这样的颜色了。
队长会自己修改图了，名副其实的高手啊，赞好多个{:4_178:}{:4_187:} 加林森 发表于 2022-3-16 20:43
这个小丫头是小辣椒送我的，我很喜欢的。
很可爱的小人儿，大家都喜欢{:4_181:} 千羽 发表于 2022-3-16 20:45
队长会自己修改图了，名副其实的高手啊，赞好多个
改天才行操作操作一下PS去玩玩。谢谢哈。{:4_187:} 千羽 发表于 2022-3-16 20:46
很可爱的小人儿，大家都喜欢
就是，挺乖的。