红尘客栈——就算我是周星驰 (REMIX_HIP-HOP版)
<br /><br /><style type="text/css">/* 父框盒子 */
#xq { position: relative; left:-330px; top:120px; width: 1200px; height:532px; background-image: url('https://pic.imgdb.cn/item/623edb4927f86abb2a793cef.jpg'); box-shadow: 4px 4px 5px #888; background-size: 1400px 532px; border-radius:12px; background-position: 1200px 0;animation: mv 28s linear infinite; }
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
/* 摇摆字 */
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
margin: auto;
width: 430px;
text-align: center;
font-size: 2.9rem;
font-weight: bold;
color:#DF7401;
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: 100px;
height: 100px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif') no-repeat;
cursor: pointer;
}
/* 轱辘诗 */
.hxBox { position: absolute; left:220px; top:140px; width: 180px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;transform-origin: 50 50; animation: go 24s linear infinite;}
@keyframes go { to { transform: rotate(-360deg);} }
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>
<div id="xq" >
<div id="baiBox" style="position: absolute; left:300px; top: 40px; ">REMIX HIP-HOP版</div>
<div class="hxBox">
<svg viewBox="0 0 100 100">
<path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
<text stroke="#ff3300">
<textPath xlink:href="#yuan">
</textPath>
</text>
</svg>
</div>
<!-- 控制按钮应是父盒子的第一代子元素 -->
<div style="position:absolute; width:50px; left: 600px; top:calc(100% - 120px); 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=526468770.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('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-02/23/01/2022022301050291-5087368.gif')";
});
</script>
<style>
.mvBox {
position: relative;
width: 1000px;
height: 80px;
left:420px;
top:-380px;
color:#FF4500;
line-height: 20px;
font-size: 15px;
animation: mq linear 13s infinite;
}
@keyframes mq {
from { transform: translateX(200px); }
to { transform: translateX(0); }
}
</style>
<div class="mvBox">风中卖醉傲笑行<br>网上挥洒任狂生<br>悠然把酒红尘中<br>落笔生花诉衷情</div>
<br><br><br><br><br>
路过见到红尘客栈……不知水深火热，给春天刚刚吐芽的花木浇勺水，想来也是极好的。
夜深人静，不知找谁下杀，先扁喵喵先，哈~~
小竹篱太伤春悲秋了……镜中影花乱舞风，谁不怜惜情浓。春去秋来四季倥侗，留不住又何必眷恋残红。
喵喵，忆当年风华正茂，青衫初入水吧城，结友尽豪英。。如今、这吧城光彩再妩媚，也照不亮心的灰。
{:4_173:} {:4_170:}
<div style="margin:0 auto;padding:10px;width:400px;height:152px;resize:both;overflow:hidden;border:1px solid #aaa;">
<pre>就算我是周星驰 (REMIX_HIP-HOP版)：（右下角拉伸）
人们欢聚干杯买醉大家都很没心没肺
唱着难听的卡拉ok 跑调到东北以北
自己的心自己理会自己回家不用人陪
二十一世纪什么最贵我想是男人的泪
越热闹的氛围
越容易让人显得憔悴
这城市光彩再妩媚
也照不亮心的灰
就算我是周星驰我也有伤心往事
快乐有时痛苦有时总有些事不能坚持
就算我是周星驰我也会武功尽失
如来神掌还是一阳指都使不出一招半式
就算我是周星驰我也有伤心往事
乐极生悲一身疲惫不要苛求我的坚持
就算我是周星驰让我休息一小时
现在我是耗尽的电池但是不关你们的事
</pre>
</div>
喵喵：
好感动……
唱出了俺的心声啊~
感觉凑好象寒冬腊月吃冰棍儿……这个透心凉啊~~~
为什么我的眼里常含泪水，因为我的耳边总是回响着一丝呜咽幽怨的哀鸣：“就算我是周星驰我也有伤心往事！！！” 小将军，没有声音呢： 漂亮的制作，加精鼓励！{:4_199:} 大猫咪收礼开心！{:4_178:} 融合得真好！赞~~~~~~~~~~~~~~~~ 加林森 发表于 2022-3-26 23:50
小将军，没有声音呢：
360浏览器可以。极速与兼容模式我试过都正常。
uc浏览器也正常。
火狐浏览器、听不到音乐。{:5_103:} 加林森 发表于 2022-3-27 00:02
融合得真好！赞~~~~~~~~~~~~~~~~
不敢高声语，恐惊天上人。{:5_105:}
大杂烩，乱炖。取的都是马老板研写的黑科技，点赞集体分红利，诠释新时代雷锋精神。
感谢《红尘客栈》本色出演，篱笆主人高风亮节竹全席赞助。代码微调即可，不用整形。
安宁 发表于 2022-3-27 00:06
360浏览器可以。极速与兼容模式我试过都正常。
uc浏览器也正常。
火狐浏览器、听不到音乐。
现在有声音了 安宁 发表于 2022-3-27 00:31
不敢高声语，恐惊天上人。
大杂烩，乱炖。取的都是马老板研写的黑科技，点赞集体分红利，诠 ...
厉害厉害，好久不见，一见就整出个周星驰出来。{:4_204:}{:4_190:} 小安宁厉害，也做出了带这么多黑黑特效的帖子，很赞{:4_187:} 这歌曲有趣，还带着周星星魔性的笑声呢{:4_173:} 周星驰的配音很好 小安宁学习得真快啊{:5_117:} 色彩，创意都好看 {:4_187:}周末快乐{:4_189:} 加林森 发表于 2022-3-26 23:56
大猫咪收礼开心！
谢谢队长{:4_179:} 继续温暖 ！ 周末快乐 {:4_180:} 马黑黑 发表于 2022-3-27 10:40
周星驰的配音很好
{:4_170:}老黑故事也很好看啊 安宁 发表于 2022-3-26 23:22
小竹篱太伤春悲秋了……镜中影花乱舞风，谁不怜惜情浓。春去秋来四季倥侗，留不住又何必眷恋残红。
喵 ...
路过。人间， 武林谁领风骚，猫只为老头折腰 {:4_170:}