love-music 发表于 2024-9-23 09:05:27

[吴涤清《发烧无敌——吴涤清》][FLAC/分轨/331M][城通]

<!DOCTYPE html>
<head>
    <meta charset="GBK">
</head>
<html>
<body>
   <span class="js-cursor-container"></span>
   <script>
         (function fairyDustCursor() {
             var possibleColors =["#D61C59","#E7D84B","#1B8798"]            
             var width = window.innerWidth;            
             var height = window.innerHeight;            
             var cursor = { x: width / 2, y: width / 2 };            
             var particles = [];            
             function init() {            
               bindEvents();            
               loop();            
             }            
             function bindEvents() {            
               document.addEventListener('mousemove', onMouseMove);         
               window.addEventListener('resize', onWindowResize);         
             }            
             function onWindowResize(e) {            
               width = window.innerWidth;            
               height = window.innerHeight;            
             }            
             function onMouseMove(e) {            
               cursor.x = e.clientX;            
               cursor.y = e.clientY;            
               addParticle(cursor.x, cursor.y, possibleColors);            
             }            
             function addParticle(x, y, color) {            
               var particle = new Particle();            
               particle.init(x, y, color);            
               particles.push(particle);            
             }            
             function updateParticles() {            
               for (var i = 0; i < particles.length; i++) {            
                     particles.update();               
               }            
               for (var i = particles.length - 1; i >= 0; i--) {            
                     if (particles.lifeSpan < 0) {            
                         particles.die();               
                         particles.splice(i, 1);               
                     }               
               }               
             }            
             function loop() {               
               requestAnimationFrame(loop);               
               updateParticles();               
             }               
             function Particle() {               
               this.character = "*";               
               this.lifeSpan = 120;               
               this.initialStyles = {               
               "position": "fixed",               
               "display": "inline-block",               
               "top": "0px",               
               "left": "0px",               
               "pointerEvents": "none",               
               "touch-action": "none",               
               "z-index": "10000000",               
               "fontSize": "25px",               
               "will-change": "transform"               
             }               
             this.init = function (x, y, color) {               
               this.velocity = {               
                     x: (Math.random() < 0.5 ? -1 : 1) * (Math.random() / 2),               
                     y: 1,               
               }               
               this.position = { x: x -5, y: y - 10 };               
               this.initialStyles.color = color;               
               this.element = document.createElement('span');               
               this.element.innerHTML = this.character;               
               applyProperties(this.element, this.initialStyles);               
               this.update();               
               document.querySelector('.js-cursor-container').appendChild(this.element);               
             }               
             this.update = function () {               
               this.position.x += this.velocity.x;               
               this.position.y += this.velocity.y;               
               this.lifeSpan--;               
               this.element.style.transform = "translate3d(" + this.position.x + "px," + this.position.y + "px, 0) scale(" + (this.lifeSpan / 120) + ")";               
             }               
             this.die = function () {               
               this.element.parentNode.removeChild(this.element);               
             }               
         }               
         function applyProperties(target, properties) {               
             for (var key in properties) {               
               target.style = properties;               
             }            
         }            
         if (!('ontouchstart' in window || navigator.msMaxTouchPoints)) init();            
   })();            
   </script>
</body>
<body>
<style type="text/css">
   .change:hover{
         background-color:rgba(15,15,15,1);
         transform:scale(1.01) translate(1%,-1%);
         transition:1s ease-in-out;
   }
   .box{
         width:table width;
         height:3px;
         margin:0 auto;
         position:relative;
         overflow:hidden;
   }
   .img:after{
         content:"";
         position:absolute;
         width:100%;
         height:100%;
         top:0;
         left:0;
         background:rgba(255,0,0);
         transform:translate(-150%) skew(-45deg);
         transition:1s ease-in-out;
   }
   .img:before{
         content:"";
         position:absolute;
         width:100%;
         height:100%;
         top:0;
         left:0;
         background:rgba(255,0,0);
         transform:translate(150%) skew(-45deg);
         transition:1s ease-in-out;
   }
   .change:hover .img:after{
         transform:translate(-50%) skew(-45deg);
   }
   .change:hover .img:before{
         transform:translate(50%) skew(-45deg);
   }
   img{
         opacity: 0.5;
   }
   .div1 a:hover img{
         opacity: 1;
         transition:1s ease-in-out;
   }
   iframe{
         opacity: 0.5;
   }
   .div1 a:hover iframe{
         opacity: 1;
         transition:1s ease-in-out;
   }
   .annu{opacity: 0.5;background:green;color:red}
   .annu:hover{
         opacity: 1;
         transition:1s ease-in-out;
         background:red;
         color:yellow;
   }
   .annu:active{
         background:blue;
         color:#fff;
   }
</style>
<div align="center">
<table width= 100% class="t_table"background="https://image.uc.cn/o/wemedia/s/upload/2022/4299dcccfb0fe6130abec9742ca22f51.jpg;,4,jpegx;3,700x.jpg" style="background-size: 100%; background-attachment:fixed; background-repeat:repeat">
   <tbody><tr><td>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="right">
                     <font face="黑体">
                         <font size="4">
                           <font color=#FF0000>
                                 <br>
                                     <script type="text/javascript">
                                     var date = new Date();
                                     document.write(date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日" + "星期" + "日一二三四五六".charAt(date.getDay()));
                                     </script>
                                     <div id="div1"></div>
                                     <script>
                                       function time() {
                                             var date = new Date();
                                             var hour = date.getHours();
                                             var minutes = date.getMinutes();
                                             var seconds = date.getSeconds();
                                             var str = hour + ":" + minutes + ":" + seconds;
                                             var div1 = document.getElementById("div1");
                                             div1.innerHTML = str;}
                                       setInterval(time,1000);
                                     </script>
                           </font>
                         </font>
                     </font>
               </font>
               <div align="center">
                     <font face="黑体">
                         <font size="6">
                           <font color=#FFFF00>
                                     <script>
                                       var date = new Date();
                                       var 月份=date.getMonth() + 1
                                       var 日期=date.getDate()
                                       if (月份==5){
                                             if (日期==1){
                                                 document.write("五一国际劳动节快乐")
                                             }
                                       }
                                       if (月份==5){
                                             if (日期==4){
                                                 document.write("五四青年节")
                                             }
                                       }
                                       if (月份==6){
                                             if (日期==1){
                                                 document.write("六一儿童节快乐")
                                             }
                                       }
                                       if (月份==6){
                                             if (日期==7){
                                                 document.write("祝:辛辛学子,金榜题名!")
                                             }
                                       }
                                       if (月份==6){
                                             if (日期==8){
                                                 document.write("祝:辛辛学子,金榜题名!")
                                             }
                                       }
                                       if (月份==6){
                                             if (日期==9){
                                                 document.write("祝:辛辛学子,金榜题名!")
                                             }
                                       }
                                       if (月份==7){
                                             if (日期==1){
                                                 document.write("七一中国共产党生日")
                                             }
                                       }
                                       if (月份==8){
                                             if (日期==1){
                                                 document.write("八一建军节,祝保卫祖国的将士阖家欢乐,幸福安康!")
                                             }
                                       }
                                       if (月份==10){
                                             if (日期==1){
                                                 document.write("十一国庆节,祝伟大的祖国繁荣昌盛!人民幸福安康!!")
                                             }
                                       }
                                       if (月份==1){
                                             if (日期==1){
                                                 document.write("元旦,新年伊始,万象更新")
                                             }
                                       }
                                     </script>
<div class="box">
   <div class="img">
   </div>
</div>
<br>
                           </font>
                         </font>
                     </font>
               </div>
             </td></tr></tbody>
          </table>
      </div>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="center">
                     <font face="黑体">
                         <font size="5">
                           <font color=#FF0000 >
                                 <br>
                                 吴涤清《发烧无敌——吴涤清》
                                 <br>
<div class="box">
   <div class="img">
   </div>
</div>
                                 <br>
                           </font>
                         </font>
                     </font>
               </div>
             </td></tr></tbody>
          </table>
      </div>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="left">
                     <font face="黑体">
                         <font size="4">
                           <font color=#FF0000>
                                 <br>
                                 专辑信息
                                 <br>
                                 <br>
                           </font>
                         </font>
                     </font>
               </div>
               <div align="left">
                     <font face="宋体">
                         <font size="3">
                           <font color=#FFFF00>
                                      专辑名称:发烧无敌——吴涤清<BR>&emsp;    专辑歌手:吴涤清<BR>&emsp;    发行公司:广州新京文嬴天下唱片<BR>&emsp;    发行时间:2007年5月<BR>&emsp;    资源品质:无损<BR>&emsp;    资源格式:flac<BR>&emsp;

<div class="box">
   <div class="img">
   </div>
</div>
                     <br>
                           </font>
                         </font>
                     </font>
               </div>
             </td></tr></tbody>
          </table>
      </div>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="left">
                     <font face="黑体">
                         <font size="4">
                           <font color=#FF0000>
                                 <br>
                                 专辑简介
                                 <br>
                                 <br>
                           </font>
                         </font>
                     </font>
               </div>
               <div align="left">
                     <font face="宋体">
                         <font size="3">
                           <font color=#FFFF00>
                                      夜阑人静,月色迷蒙,听几段昨日熟悉的旋律,逝去的那些事,经过的那些人,爱过的那些歌,依稀仿佛芬芳的茉莉悄悄开放,暗香四溢抚慰感伤。<BR>&emsp;<BR>&emsp;    往事无法随风,情感不能飘零,尽管青春年华静静远去,尽管俗世洪流纷扰肆意,我们怀念的那份感动真谛,其实已经从听到吴涤清的歌声而轻轻开启……<BR>&emsp;

<div class="box">
   <div class="img">
   </div>
</div>
                     <br>
                           </font>
                         </font>
                     </font>
               </div>
             </td></tr></tbody>
          </table>
      </div>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="left">
                     <font face="黑体">
                         <font size="4">
                           <font color=#FF0000>
                                 <br>
                                 专辑曲目
                                 <br>
                                 <br>
                           </font>
                         </font>
                     </font>
               </div>
               <div align="left">
                     <font face="宋体">
                         <font size="3">
                           <font color=#FFFF00>
                                      01 相思河畔<BR>&emsp;    02 爱的路上千万里<BR>&emsp;    03 南屏晚钟<BR>&emsp;    04 绿岛小夜曲<BR>&emsp;    05 往事只能回味<BR>&emsp;    06 烟花三月<BR>&emsp;    07 万水千山总是情<BR>&emsp;    08 蒙蒙细雨忆当年<BR>&emsp;    09 送你一朵勿忘我<BR>&emsp;    10 三月里的小雨<BR>&emsp;    11 守月亮<BR>&emsp;    12 把酒当歌<BR>&emsp;

<div class="box">
   <div class="img">
   </div>
</div>
                     <br>
                           </font>
                         </font>
                     </font>
               </div>
             </td></tr></tbody>
          </table>
      </div>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="left">
                     <font face="黑体">
                         <font size="4">
                           <font color=#FF0000>
                                 <br>
                                 专辑图片
                                 <br> 
                           </font>
                         </font>
                     </font>
               </div>
               <div align="center" >
                     <br>
<div class="div1"><a href="#">
         <img src=https://image.uc.cn/o/wemedia/s/upload/2024/477cb7e75468f0393ba6fc8e28b682d8.jpg;,4,jpegx;3,700x.jpg style="max-width:400px">
</a></div>
                                 <br>
<div class="box">
   <div class="img">
   </div>
</div>
                     <br>
               </div>
             </td></tr></tbody>
          </table>
      </div>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="left">
                     <font face="黑体">
                         <font size="4">
                           <font color=#FF0000>
                                 <br>
                                 专辑试听
                                 <br> 
                           </font>
                         </font>
                     </font>
                     <font face="宋体">
                         <font size="3">
                           <font color=#FFFF00>
                                 <br>
                                      守月亮
                                 <br>
                           </font>
                         </font>
                     </font>
               </div>
               <div align="center">
                     <br>
<div class="div1"><a href="#">
                     <iframe height=400 width=700 src='https://player.youku.com/embed/XNjQyNDY3Njg2MA==' frameborder=0 'allowfullscreen'></iframe>
</a></div>
                                 <br>
<div class="box">
   <div class="img">
   </div>
</div>
                     <br>
               </div>
             </td></tr></tbody>
          </table>
      </div>
<br> 
   <div align="center">
          <table width="95%" class="t_table" style="background-color: rgba(15,15,15,0.5)">
             <tbody><tr class="change"><td>
               <div align="left">
                     <font face="黑体">
                         <font size="4">
                           <font color=#FF0000>
                                 <br>
                                 专辑下载
                                 <br> 
                           </font>
                         </font>
                     </font>
               </div>
               <div align="center">
                     <br>
                     <input type="submit" style="font-size:18px" onclick="window.open('https://url00.ctfile.com/f/1621100-1363102895-151d48?p=124347')" value="点击此按钮进入下载页面" class="annu"; style="cursor:pointer; width:200; height:50;"/>
                     <br> 
                     <font color=#FFFF00>
                     <br>
                     访问密码:124347
                                 <br>
<div class="box">
   <div class="img">
   </div>
</div>
                     <br>
                     </font>
               </div>
             </td></tr></tbody>
          </table>
      </div>
   </td></tr></tbody>
</table>
</div>
</body>
</html>
页: [1]
查看完整版本: [吴涤清《发烧无敌——吴涤清》][FLAC/分轨/331M][城通]