独乐乐众乐乐 - 第6页 - 音乐沙龙 - 花潮论坛

绿叶清舟 发表于 2021-8-20 16:45

本帖最后由绿叶清舟于 2021-8-20 16:57 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -380px; width:1300px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/611f6bb14907e2d39c777203.jpg>
</TD></TR><TR><TD>
</TD></TR><TR><TD>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<DIVstyle="position: relative; LEFT: -280px; width:200px;TOP: -435px; border: #f9cfd1; dashed 1px ;padding:0.5em; border-radius:25px 15px;box-shadow: 0px 0px 2px #fd9db2; width:320px; height:255px; background: #f9cfd1; transform: skewX(15deg) skewY(-16deg);"><iframestyle="border: #f9cfd1; dashed 1px; padding:0.5em; border-radius:25px 15px; box-shadow: 0px 0px 2px #fd9db2; width:320px; height:255px; opacity: 0.5; background: #f9cfd1; transform: skewX(0deg) skewY(-2deg);"
frameborder="no" border="0" marginwidth="0" marginheight="0" width=300 height=400 src="音乐地址"></iframe></div>

绿叶清舟 发表于 2021-8-20 16:57

本帖最后由绿叶清舟于 2021-11-21 21:19 编辑

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -380px; width:1300px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/611f6bb14907e2d39c777203.jpg>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<DIVstyle="position: relative; LEFT: -280px; width:200px;TOP: -435px; border: #f9cfd1; dashed 1px ;padding:0.5em; border-radius:25px 15px;box-shadow: 0px 0px 2px #fd9db2; width:320px; height:255px; background: #f9cfd1; transform: skewX(15deg) skewY(-16deg);"><iframestyle="border: #f9cfd1; dashed 1px; padding:0.5em; border-radius:25px 15px; box-shadow: 0px 0px 2px #fd9db2; width:320px; height:255px; opacity: 0.5; background: #f9cfd1; transform: skewX(0deg) skewY(-2deg);"
frameborder="no" border="0" marginwidth="0" marginheight="0" width=300 height=400 src="音乐地址"></iframe></div>

绿叶清舟 发表于 2021-8-26 20:26

本帖最后由绿叶清舟于 2021-9-30 21:21 编辑 <br /><br /><div style="LEFT: -320px; WIDTH: 1300px; POSITION: relative; TOP: 250px; BACKGROUND-COLOR: #9aff03;">
<table border=0 cellSpacing=1 borderColor=#000008 cellPadding=66 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/18/201837bgnbdkgqgowmdigu.jpg>
<tbody>
<tr>
<td>
<table border=0 cellSpacing=1 borderColor=#000000 cellPadding=3 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/11/193430sztbfnzyizyoabpt.gif>
<tbody>
<tr>
<td>
<table border=0 cellSpacing=1 borderColor=#000000 cellPadding=15 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/11/193430jkn9ppto111li1pn.jpg>
<tbody>
<tr>
<td>
<table border=0 cellSpacing=1 borderColor=#9aff03 cellPadding=3 width="100%" background=https://www.huachaowang.com/data/attachment/forum/202107/11/193430sztbfnzyizyoabpt.gif>
<tbody>
<tr>
<td>
<table style="position: relative; BACKGROUND-COLOR: #e80813;" border=0 cellSpacing=1 borderColor="#9aff03"cellPadding=2 width="100%">
<tbody>
<tr>
<td>
<table border=1 cellSpacing=1 bordercolor="#000000" cellPadding=1 width="100%" bgColor=#000000 align=center>
<tbody>
<tr>
<td><br><br>
<div align=center><font color=#ff0033><FONT style="font-size: 22pt" face=方正小标宋繁体>排箫大师leo rojas《最后的莫西干人》</font><br><br>
<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202108/26/200735aklkk2l7ffb1kubl.gif" width=500 _height="24"></DIV><br><br>
<div class="image" style="MARGIN-TOP:0px;MARGIN-LEFT:0px;box-shadow: 0px 0px 0px 2px #000000, 0px 0px 10px 10px #ff0033;overflow:hidden;border-radius:2%;width: 1000px;height: 700px;">
<DIV align=center><iframe src='视频地址' allowFullScreen='true' frameborder='0' scrolling='no'
style="width:550px;height:480px;transform:scale(2.0);margin-left:70px;margin-top:70px;"></iframe></DIV></div><br></DIV>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

绿叶清舟 发表于 2021-8-26 20:30

绿叶清舟 发表于 2021-9-3 22:52

绿叶清舟 发表于 2021-9-3 22:53

绿叶清舟 发表于 2021-9-30 21:17

本帖最后由绿叶清舟于 2022-8-13 21:03 编辑 <br /><br /><style>
   #papa { left: -250px; width: 1100px; height: 700px; background: gray url('https://pic.imgdb.cn/item/62f79e5c16f2c2beb165bb02.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; }
   #disc { position: absolute; width: 40px; height: 40px; left: 10px; bottom: 10px; background: conic-gradient(red,orange,yellow,green,teal,blue,purple); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); border-radius: 50%; cursor: pointer; animation: rot 2s linear infinite; }
   #lrcbox { position: absolute; left: 60px; bottom: 10px;font: bold 22px / 40px sans-serif; color: lightblue; text-shadow: 2px 2px 4px #222; }
   #canv { position: absolute; width: 1024px; height: 550px; left: 0; top: 0; }
   @keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="papa">
   <span id="lrcbox">Loading ...</span>
   <canvas id="canv" width="1024" height="550"></canvas>
   <span id="disc"></span>
</div>

<script>
let ctx = canv.getContext('2d');
let w = canv.width, h = canv.height;
let num = (m, n) => Math.floor(Math.random() * (n - m + 1) + m);
let stars = new Array(500), meteors = new Array(10);
let aud = new Audio();
let lrcAr = [
   ['0.06','谁的眼泪在飞 - 孟庭苇'],

];
aud.loop = true;
aud.autoplay = true;
aud.src = '音乐';

disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');
aud.addEventListener('timeupdate',function(){
   let tt = aud.currentTime;
   for(j=0; j<lrcAr.length; j++){
            if(tt >= lrcAr) lrcbox.innerHTML = lrcAr;
   }
});

function Star() {
   this.x = num(3, w - 3);
   this.y = num(3, h -3);
   this.r = num(1,3) * .5;
   this.a = num(1, 10) * 0.1;
   this.speedA = 0.01;
   this.color = 'rgba(153, 204, 255, .6)';
}

Star.prototype = {
   create: function() {
            ctx.beginPath();
            ctx.fillStyle = this.color;
            ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2);
            ctx.fill();
   },
   flash: function() {
            this.a +=this.speedA;
            if(this.a > 1 || this.a < 0) this.speedA = -this.speedA;
            this.color = 'rgba(153, 204, 255, ' + this.a+ ')';
            this.create();
   },
   drop: function() {
            this.x += 2;
            this.y += 2;
            this.a = .45;
            if(this.x > w - 3 || this.y > h - 3) {
                     this.x = num(3, w - 3);
                     this.y = num(3, h -3);
            }
   }
};

for(let x = 0; x < stars.length; x++) {
   let star = new Star();
   stars = star;
}

for(let x = 0; x < meteors.length; x ++) meteors = num(0,stars.length - 1);

(function render() {
   ctx.globalCompositeOperation = 'destination-out';
   ctx.fillStyle = 'rgba(0,0,0,.1)';
   ctx.fillRect(0,0,w,h);
   ctx.globalCompositeOperation = 'lighter';
   for(let x of stars) x.flash();
   for(let x of meteors) stars.drop();
   requestAnimationFrame(render);
})();
</script>

绿叶清舟 发表于 2021-9-30 21:27

本帖最后由绿叶清舟于 2021-11-13 21:56 编辑 <br /><br /><div style="LEFT: -320px; WIDTH: 1300px; POSITION: relative; TOP: 150px; BACKGROUND-COLOR: #9aff03;">
<table style="position: relative; width:1300px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=466 background=https://pic.imgdb.cn/item/6155b8cb2ab3f51d91ff6906.jpg>
</TD></TR><TR><TD height=22 background=https://pic.imgdb.cn/item/6155b8df2ab3f51d91ff85d1.jpg>
<br>
<br><div align="center">
<img src="图片" width="500" _height="417" border="0">
</div><br>

</TD></TR><TR><TD height=318 background=https://pic.imgdb.cn/item/6155b8ef2ab3f51d91ff9b6b.jpgborder="0">
</TBODY>
</table></div>
<br><br><br><br><br><br><br><br><br><br><br><br>

绿叶清舟 发表于 2021-9-30 21:28

绿叶清舟 发表于 2021-10-9 21:17

绿叶清舟 发表于 2021-10-9 21:17

绿叶清舟 发表于 2021-10-13 22:34

本帖最后由绿叶清舟于 2021-10-15 21:18 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -380px; width:1300px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=815 background=https://pic.imgdb.cn/item/61697bd32ab3f51d91510b6e.jpg>
</TD></TR><TR><TD>
</TD></TR><TR><TD>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<DIVstyle="position: relative; LEFT: 360px; width:200px;TOP: -173px; width:311px; height:81px;"><img src="https://pic.imgdb.cn/item/6134b0e644eaada739bf2881.gif"></div>
<DIVstyle="position: relative; LEFT: 360px; width:200px;TOP: -549px; border: #a7bdc8; dashed 1px ;padding:0.5em; border-radius:25px 15px;box-shadow: 0px 0px 2px #d7edf5; width:301px; height:280px; background: #eaeaea; "><iframestyle="border: #d7edf5; dashed 1px; padding:0.5em; border-radius:25px 15px; box-shadow: 0px 0px 2px #d7edf5; width:301px; height:280px; opacity: 0.5; background: #d7edf5;"
frameborder="no" border="0" marginwidth="0" marginheight="0" width=300 height=280 src="音乐地址"></iframe></div>

绿叶清舟 发表于 2021-11-13 21:59

绿叶清舟 发表于 2021-11-13 22:00

绿叶清舟 发表于 2021-11-13 22:05

绿叶清舟 发表于 2021-11-13 22:05

绿叶清舟 发表于 2021-11-13 22:10

<BLOCKQUOTE style="BORDER-TOP:#836c5a 28px groove; BORDER-RIGHT:#836c5a 28px groove; WIDTH: 650px; BORDER-BOTTOM:#836c5a 28px groove; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; PADDING-LEFT: 4px; MARGIN-LEFT: 4px; BORDER-LEFT:#836c5a 28px groove; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #201b17; MARGIN-RIGHT: 3px; border-image: none">
<p align="center">
<img src="https://www.huachaowang.com/data/attachment/forum/202107/05/204538riy5fc4i554iiv4c.png"width=628 height="95"><br><br>

<img src="https://pic.imgdb.cn/item/610b979f5132923bf8250ca3.jpg" width=500 height="380">
<br><br>

</p><div align="center"><font face="微软雅黑"size="5"color="#836c5a"><strong> Good Old Broadway
</strong></font><br><br>
<font size="3" color="#836c5a"> Coleman Hawkins </font><br><br>
<br><br>
<img src="https://www.huachaowang.com/data/attachment/forum/202107/05/204620zti3w86p6uz7hoig.gif"width=300 height="9"><br><br>
<p style="TEXT-ALIGN: left; LINE-HEIGHT: 30px; TEXT-INDENT: 0em; PADDING-LEFT: 0.6cm; LETTER-SPACING: 1px; PADDING-RIGHT: 0.6cm">
<font color="#836c5a">柯曼·霍金斯(Coleman Hawkins，1904-1969)，美国演奏家，是爵士乐历史上第一位重要的次中音萨克斯管演奏家，同时他也是有史以来最伟大的演奏家之一。他的演艺生涯持续了整整四十年(1925年至1965年)，在此期间他的技艺堪与任何一位同行抗衡。</font>
</p></div>
<br><br>
<div style="TEXT-ALIGN: justify">
<p style="TEXT-ALIGN:right; LINE-HEIGHT: 30px; TEXT-INDENT: 2em; PADDING-LEFT: 0.6cm; LETTER-SPACING: 1px; PADDING-RIGHT: 0.6cm"><font size="2"><font face="宋体">绿叶清舟2021.04.19
<br><br></font></font></p></div>
</BLOCKQUOTE>

绿叶清舟 发表于 2021-11-13 22:10

绿叶清舟 发表于 2021-11-14 12:03

本帖最后由绿叶清舟于 2021-11-14 17:44 编辑 <br /><br /><DIV style="position: relative; LEFT: -380px; width:1300px;TOP: 180px" align=center color=#FF0000 >

<table border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=600 background=https://pic.imgdb.cn/item/619089612ab3f51d91aabd6c.png>
<section style="background-color: rgba(0, 0, 0, 0); background-image: url('https://pic.imgdb.cn/item/6190d5b32ab3f51d91c398ce.gif'); background-repeat: repeat; background-size: 100%; padding: 0px; box-sizing: border-box; position: relative; LEFT: 0px; width:1300px; height=600px;TOP: 0px;">
<iframe style="position: relative; LEFT: 238px; width:825px;TOP: -1px" width="825" height="600" frameborder="0" src="https://www.ixigua.com/iframe/6818021387676942859?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>
</section>
</TD></TR>
</table>
</div>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

绿叶清舟 发表于 2021-11-14 12:11

页: 1 2 3 4 5 [6] 7 8

花潮论坛's Archiver