带您领略爵士乐的独特魅力
<style>#tz { margin: 80px 0 30px calc(50% - 721px); width: 1280px; height: 700px; background: url('https://pic.imgdb.cn/item/66ee5d3ef21886ccc0f9b27a.jpg') no-repeat center/cover; border: thick groove gray; position: relative; --state: running; --scale: 1; overflow: hidden;}
#tz:fullscreen #hsvg, #pic { --scale: 1.2;}
#pic1 { position: absolute;width: 100%; height: 100%;opacity: .15; mix-blend-mode: screen; animation: hy1 0.6s linear infinite alternate; var(--state);}
#pic2 { position: absolute;opacity: .95; left:10px; top: 20px; }
#hsvg { position: absolute; left: calc(50% - 90px); top: calc(50% - 270px); border-radius: 50%; filter: drop-shadow(0 0 8px green); cursor: pointer; animation: rot 30s linear infinite var(--state); }
#vid { position: absolute; width: 100%; height: calc(100% + 120px); bottom: 0; opacity: 0.55;object-fit: cover; pointer-events: none; mix-blend-mode: screen; }
#tit {
position: absolute;
top:0px;
right: 5%;
background-image:url('https://pic.imgdb.cn/item/65a377bd871b83018ac3682a.gif');
background-size:cover;
width:80px; height:720px;
font: bold 2.4em sans-serif;
text-align:center;
line-height:50px;
color:transparent;writing-mode:vertical-rl;
-webkit-background-clip:text;
}
#hsvg:hover { --state: paused; }
@keyframes rot { from { transform: rotate(0deg) scale(var(--scale)); } to { transform: rotate(360deg) scale(var(--scale)); } }
@keyframes hy {to { transform: scale(1.0); } }
@keyframes hy1 {to { opacity: 0.35; } }
</style>
<div id="tz">
<div id="tit">祝贺念风生日快乐.健康幸福</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=411754259" autoplay loop></audio>
<img id="pic1" alt=""src="https://pic.imgdb.cn/item/66e6dd1ad9c307b7e9d1b09a.jpg" />
<img id="pic2" alt=""src="https://pic.imgdb.cn/item/66e80207d9c307b7e93a234c.png" />
<svg id="hsvg" width="320" height="320" viewBox="0 0 320 320" fill="none" stroke="plum" stroke-linecap="round"></svg>
<video id="vid" src="https://img.tukuppt.com/video_show/15653652/01/20/12/61dd233fbdfdf_10s_big.mp4" autoplay loop muted></video>
</div>
<script>
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/api/fullscreen.js';
sc.charset = 'utf-8';
document.body.appendChild(sc);
sc.onload = () => FS({papa: '#tz', css: 'bottom: 20px; left: 52%; --fsBg: #eeeeee90; --color: #336699;'});
drawPolygon = (total) => {
var pathstr = '<defs>', usestr = '';
Array(total).fill(0).forEach((id,idx) => {
id = idx + 1;
var bstr = idx === 0 ? '0s' : `p1.begin+${idx}s`;
var color = '#' + Math.random().toString(16).substring(2,8) + '9d';
pathstr += `
<path id="r${id}" stroke="${color}">
<animate id="p${id}" attributeName="d" values="m160,160l0,0 0,0;m130,110l30,-17 30,17;m130,60l30,-17 30,17;m160,20l0,0 0,0" dur="12s" repeatCount="indefinite" begin="${bstr}"/>
<animate attributeName="stroke-width" values="0;4;4;4;0" dur="12s" repeatCount="indefinite" begin="${bstr}"/>
</path>`;
Array(total).fill(0).forEach((u,k) => {
u = k + 1;
var angle = id % 2 === 0 ? 360 / total * k + 360 / total / 2 : 360 / total * k;
usestr += `<use xlink:href="#r${id}" transform="rotate(${angle} 160 160)"/>`;
});
});
pathstr += '</defs>';
return pathstr + usestr;
};
hsvg.innerHTML = drawPolygon(12);
mState = () => aud.paused ? (tz.style.setProperty('--state', 'paused'), hsvg.pauseAnimations(), vid.pause()) : (tz.style.setProperty('--state', 'running'), hsvg.unpauseAnimations(), vid.play());
aud.onplaying = aud.onpause = () => mState();
hsvg.onclick = (e) => aud.paused ? aud.play() : aud.pause();
</script> <div style="text-align: center;"></div><div style="text-align: center;"><br></div><div style="text-align: center;"><div>专辑中文名: 传奇 </div><div>歌手: 童丽 </div><div>音乐风格: 流行 </div><div>资源格式: FLAC </div><div>版本: DSD </div><div>发行时间: 2014年10月31日 </div><div>地区: 大陆 </div><div>语言: 普通话,粤语 </div><div>发行公司：广州市妙音文化传播有限公司 </div><div>出版公司：九洲音像出版公司 </div><div>ＩＳＢＮ：978-7-88101-901-7 </div><div>资源码率：909 kbit/s </div><div><br></div><div><br></div><div>专辑介绍： </div><div><br></div><div>童丽2014年最新发烧专辑 </div><div><br></div><div>声音甜美圆润之余又不失温婉清丽 </div><div>如涓涓细流般缓缓地涤荡你我心扉 </div><div><br></div><div>精彩曲目，严谨制作，浪漫唯美的旋律，与生俱来的完美音色。 </div><div>情深演唱打动你心，一种浑然天成的美，契合了现代人—心复古的时尚。 </div><div><br></div><div>专辑曲目: </div><div><br></div><div>01. 传奇 </div><div>02. 因为爱情 </div><div>03. 细说往事 </div><div>04. 不要笑我痴 </div><div>05. 倾国倾城 </div><div>06. 水琉璃 </div><div>07. 秋窗风雨夕 </div><div>08. 初恋的地方 </div><div>09. 秋夜 </div><div>10. 空白 </div><div>11. 雨夜花 </div><div>12. 月光小夜曲 </div><div>13. 真的好想你</div><div><br></div><div><br></div></div><p></p> 首席欣赏平凡老师的精美佳作 榕哥分享的，我都喜欢，咋办捏 白雪皑皑 发表于 2014-12-8 15:23
榕哥分享的，我都喜欢，咋办捏
;P都带家里去 白雪皑皑 发表于 2014-12-8 15:23
榕哥分享的，我都喜欢，咋办捏
找盘刻录啊:lol ￡渴々望〤 发表于 2014-12-7 23:22
首席欣赏平凡老师的精美佳作
O(∩_∩)O谢谢渴望欣赏 一抹海蓝 发表于 2014-12-8 16:08
都带家里去
奏是奏是;P 平凡 发表于 2014-12-8 18:58
找盘刻录啊
不会刻呀，俺特笨的:lol 白雪皑皑 发表于 2014-12-9 08:42
不会刻呀，俺特笨的
笔记本应该有自带的刻录软件的
https://vip.123pan.cn/1816405202/%E7%9B%B4%E9%93%BE/202003/IMG_0130.jpg