泪海
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -320px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/6233157a5baa1a80ab2dde87.jpg>
<DIVstyle="MARGIN: 5px; position: relative; LEFT:898px; width:50px;height:30px;TOP: -255px">
<IMG border=0 src="https://pic.imgdb.cn/item/623317545baa1a80ab31b1c4.gif"width=50_height="30"></DIV>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>
<style type="text/css">
#paDiv {
margin: auto;
width: 220px;
display: flex;
align-items: center;
border: 1px solid olive;
border-radius: 8px 0px 8px 0px;
background: rgba(255, 255, 255, 0);
box-shadow: 1px 1px 2px #000;
}
#jindu {
position: relative;
width: 200px;
height: 8px;
line-height: 8px;
font-size: 10px;
color: #000;
text-align: center;
background: linear-gradient(90deg, olive, tan, gold) no-repeat;
background-size: 20px 0px;
}
#btn-ro {
width: 20px; height: 20px;
line-height: 20px; font-size: 12px;
background: linear-gradient(blue, silver, red);
outline:none;
color: white;
border-radius: 50%;
text-align: center;
cursor: pointer;
animation: rol linear 2s infinite;
}
#btn-ro:hover { opacity: 0.8; }
#btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<DIVstyle="position: relative; LEFT: -100px; TOP: -30px">
<div id="paDiv">
<div id="btn-ro">·</div>
<div id="jindu">
<div id="jd-go"></div>
</div>
</div>
</div>
<script language="javascript">
var btn = document.getElementById('btn-ro');
var jindu = document.getElementById('jindu');
var tips = document.getElementById('au-tips');
var aud = document.createElement('audio');
aud.src ="http://music.163.com/song/media/outer/url?id=307594.mp3";
aud.addEventListener('ended', function() { btn.style.animationPlayState="paused"; }, true);
aud.addEventListener('timeupdate', tmMsg, true);
aud.play();
function tmMsg(){ //进度条
var jd = (100*aud.currentTime)/aud.duration;
jindu.innerHTML = Math.ceil(jd) + "%";
jindu.style.backgroundSize = jd+ "% 20px";
}
btn.onclick = function(){
aud.paused ? (aud.play(), btn.style.animationPlayState="running") : (aud.pause(), btn.style.animationPlayState="paused");
}
</script> 这个图图里好多高亮的色彩，那个滴泪的动图泪珠好像大了点，不过只有这样才能形成泪海的吧{:4_173:} 欣赏清舟精美制作{:4_187:} 红影 发表于 2022-3-17 19:37
这个图图里好多高亮的色彩，那个滴泪的动图泪珠好像大了点，不过只有这样才能形成泪海的吧
是大了点，眼神不好怕小了看不到{:4_189:} 绿叶清舟 发表于 2022-3-17 19:50
是大了点，眼神不好怕小了看不到
大了泪水多，就真的成海了呀{:4_189:} 红影 发表于 2022-3-17 19:56
大了泪水多，就真的成海了呀
也是啊，要不然湖都成不了了{:4_189:} 制作真漂亮，色彩特别喜欢，小美女看着真乖巧，怎么舍得让她流泪{:5_117:}
真巧今天真交通台吃听这歌，清舟就发出来了 {:5_106:}
{:4_204:}{:4_199:} 大猫咪 发表于 2022-3-17 20:13
制作真漂亮，色彩特别喜欢，小美女看着真乖巧，怎么舍得让她流泪
真巧今天真交通台吃听这歌 ...
这么巧，今天就在听她的歌找感觉了 绿叶清舟 发表于 2022-3-17 20:20
这么巧，今天就在听她的歌找感觉了
是啊今天出去吧手机忘记了，回去找还赌车，交通台就放的这首{:5_106:} 姑娘受了大多的委曲了，满天的泪雨为你作陪。{:4_173:}这个效果简直绝了。{:4_178:} 大猫咪 发表于 2022-3-17 20:22
是啊今天出去吧手机忘记了，回去找还赌车，交通台就放的这首
忘哪了啊，找回来了吧 樵歌 发表于 2022-3-17 20:33
姑娘受了大多的委曲了，满天的泪雨为你作陪。这个效果简直绝了。
就象有首歌唱的，我一哭全世界为我落泪{:4_189:} 绿叶清舟 发表于 2022-3-17 20:35
忘哪了啊，找回来了吧
找回来了还好{:4_170:} 哈哈，那姑娘哭成泪人了，手臂上满是泪水{:4_173:} 大猫咪 发表于 2022-3-17 20:49
找回来了还好
遇到好人了{:4_189:}现在大多数时候还是好人多的 滴泪成海了……清舟的图很有创意，浪漫{:4_181:} 绿叶清舟 发表于 2022-3-17 20:57
遇到好人了现在大多数时候还是好人多的
就是 一直帮我看着，下次就去他们那买东西 千羽 发表于 2022-3-17 20:57
哈哈，那姑娘哭成泪人了，手臂上满是泪水
不然怎么汇成海啊{:4_189:} 大猫咪 发表于 2022-3-17 21:02
就是 一直帮我看着，下次就去他们那买东西
知道你会去拿啊，看到大客户来了吧{:4_189:} 绿叶清舟 发表于 2022-3-17 21:02
不然怎么汇成海啊
嗯，哭了很长时间了，海呈汹涌澎湃状了{:4_181:}