这人自作多情吧,人家这是饭前洗手来的,那眼神是在说,啥玩意的按了这么久还不出奶,真费劲
本帖最后由 加林森 于 2022-4-6 21:07 编辑 <br /><br />绿叶清舟 发表于 2021-9-14 19:40
这人自作多情吧,人家这是饭前洗手来的,那眼神是在说,啥玩意的按了这么久还不出奶,真费劲
哈哈哈哈,你怎么想出来这个了啊?
<style type="text/css">
/* 帖子容器 */
#tzDiv {
position: relative;
left: -214px;
width: 1024px;
height: 600px;
top: 80px;
background: #eee url('https://pic.imgdb.cn/item/624d7fc4239250f7c5f939bc.jpg') no-repeat center/cover;
opacity: 0.8;
}
/* 音乐控制按钮 */
.picBtn {
position: absolute;
width: 100px;
height: 100px;
left: 160px;
bottom: 60px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.gif') no-repeat;
cursor: pointer;
}
/* 文本时钟 */
#textClock {
position: absolute;
top: 180px;
right: 200px;
width: 300px;
height: 30px;
font: 20px / 30px Sans-Serif;
text-align: center;
}
/* 走马灯父框 */
.txtFly {
position: absolute;
width: 260px;
height: 30px;
right: 100px;
bottom: 100px;
overflow: hidden;
}
/* 走马灯文本 */
.txtFly div {
position: absolute;
left: 260px;
font: normal 18px /20px Sans-Serif;
word-break: keep-all;
white-space:nowrap;
}
/* 变色文本 */
.txtBg {
position: absolute;
top: 80px;
right: 100px;
font-size: 4rem;
color: transparent;
width: 500px;
height: 100px;
line-height: 100px;
text-align: center;
background-image: linear-gradient(90deg, green, olive, transparent, tomato, green);
background-size: 500px 100px;
background-position: 500px 0;
border: 1px solid;
background-clip: text;
-webkit-background-clip: text;
animation: chgc 2s linear infinite;
}
/* 文本变色动画 */
@keyframes chgc {
from { background-position: -500px 0; }
to { background-position: 0 0; }
}
</style>
<div id="tzDiv">
<div class="txtBg">地球之歌</div>
<div id="textClock"></div>
<div class="txtFly">
<div id="ziFly">地球之歌-迈克尔·杰克逊日出呢
雨水呢
所有的一切呢
你说我们会得到的那一切
迷人的原野呢
到时候了吗
所有的一切呢 你说属于你我的那一切
你可曾停步关注
过往所有的杀戮流血
你可曾停步关注
哭喊的地球、抽泣的大地
啊一喔
啊一喔
我们对世界做了什么
看一看我们都做了什么
所有的和平呢 你向你唯一的儿子承诺的和平
花开的原野呢
到时候了吗
所有的梦想呢 你说属于你我的那梦想
你可曾停步关注
战火中罹难的所有儿童
你可曾停步关注
哭喊的地球、抽泣的大地
啊一喔
啊一喔
我过去常常做梦
我过去常常憧憬未来
现在我不知身在何处
不过我知道我们已漂离太远
啊一喔
啊一喔
啊一喔
啊一喔
嘿,昨日呢
(我们呢)
大海呢
(我们呢)
天堂正在坠落
(我们呢)
我甚至无法呼吸
(我们呢)
流血的地球呢
(我们呢)
我们感受不到它的伤痛吗
(我们呢)
大自然的价值呢
(喔一)
它是地球之源
(我们呢)
动物呢
(我们呢)
我们已把三界变为尘土
(我们呢)
大象呢
(我们呢)
我们已失去它们的信任吗
(我们呢)
哭喊的鲸呢
(我们呢)
我们正把大海劫掠
(我们呢)
林间小路呢
(喔—)
苦苦祈求依然被焚
(我们呢)
圣地呢
(我们呢)
宗教相争四分五裂
(我们呢)
无辜的百姓呢
(我们呢)
我们不能放他自由吗
(我们呢)
垂死的儿童呢
(我们呢)
你听不到他们的哭喊吗
(我们呢)
我们哪里做错了
(喔一)
谁来告诉我为什么
(我们呢)
婴孩们呢
(我们呢)
生活呢
(我们呢)
所有生之欢乐呢
(我们呢)
人类呢
(我们呢)
哭喊的人类呢
(我们呢)
亚伯拉罕呢
(我们呢)
再次灭亡吗
(喔一)
我们在意这一切吗
啊一喔</div>
</div>
<button id="picBtn" class="picBtn"></button>
<audio id="music" src="http://www.kumeiwp.com/sub/filestores/2022/04/06/8a69501593d5b1982e98d412a725ddac.mp3" loop="loop" autoplay="autoplay" ></audio>
</div>
<script language="javascript">
fly(); //运行走马灯
showTime(); //显示时间
setInterval(showTime, 1000); //运行时钟
//文本时钟函数
function showTime(){
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var day = now.getDay();
var hour = now.getHours();
if(hour < 10) hour = "0" + hour;
var minute = now.getMinutes();
if(minute < 10) minute = "0" + minute;
var second = now.getSeconds();
if(second < 10) second = "0" + second;
document.getElementById("textClock").innerHTML = year + "年" + month + "月" + date + "日 星期" + toHz(day) + "" + hour + ":" + minute + ":" + second;
}
function toHz(num) { var hz = "日一二三四五六九"; return(hz.charAt(num)); }
//音乐控制代码
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/6243df5b27f86abb2a5598f1.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://pic.imgdb.cn/item/6243df9527f86abb2a5660b9.png')";
});
//创建走马灯
function fly() {
var ziFly = document.getElementById('ziFly');
var width = ziFly.clientWidth;
var style = document.createElement('style');
style.type = 'text/css';
var flyStr = '@keyframes fly {to { left: -' + width + 'px; } }';
style.innerHTML = flyStr;
ziFly.appendChild(style);
ziFly.style.animation = 'fly 40s linear infinite';
}
</script>
<br><br><br><br><br>
马黑黑 发表于 2021-9-14 07:35
都是为了女儿而养的?
有些是的,另外我小时候也养过很多小动物。
辫子哥哥 发表于 2021-9-14 08:41
猫咪把这肚子可能当皮球玩了
可能是
加林森 发表于 2021-9-14 19:57
有些是的,另外我小时候也养过很多小动物。
这样,不错的
马黑黑 发表于 2021-9-14 20:09
这样,不错的
当然啊
加林森 发表于 2021-9-14 20:10
当然啊
有爱心
马黑黑 发表于 2021-9-14 20:11
有爱心
从小就有
加林森 发表于 2021-9-14 20:14
从小就有
一以贯之
马黑黑 发表于 2021-9-14 20:14
一以贯之
是的
加林森 发表于 2021-9-14 20:21
是的
佩服佩服
马黑黑 发表于 2021-9-14 20:22
佩服佩服
客气客气
加林森 发表于 2021-9-14 20:23
客气客气
必须必须
马黑黑 发表于 2021-9-14 20:23
必须必须
哈哈哈哈,破黑黑回帖好快啊。
加林森 发表于 2021-9-14 20:25
哈哈哈哈,破黑黑回帖好快啊。
一般一般,全球倒数第一亿零三
这猫咪好像是挺不情愿,估计是被主人胁迫的{:4_203:}
那肥大的身躯,猫咪会很累的,{:4_181:}
马黑黑 发表于 2021-9-14 20:26
一般一般,全球倒数第一亿零三
{:4_186:}
千羽 发表于 2021-9-14 20:33
这猫咪好像是挺不情愿,估计是被主人胁迫的
应该不是吧
加林森 发表于 2021-9-14 20:38
应该不是吧
我看猫表情不高兴的{:4_181:}