love-music 发表于 2024-11-5 08:46:54

[谭咏麟《谭情说爱——谭咏麟 DISK2》][FLAC/分轨/534M][城通]

<!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/2023/b6378d69ae260140e9604513d224d3b2.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>
                                 谭咏麟《谭情说爱——谭咏麟 DISK2》
                                 <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>
                                      专辑名称:谈情说爱 DISK 2<BR>&emsp;    专辑歌手:谭咏麟<BR>&emsp;    出版单位:Universal Music Group<BR>&emsp;    出版日期:2004年<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>
                                      环球音乐集团(Universal Music Group,简称UMG)是全世界最大的音乐公司之一,在60多个国家和地区开展音乐制作发行、版权管理,授权商品销售和视听内容等全方位业务。 <BR>&emsp;<BR>&emsp;    UMG集团总部位于荷兰希尔弗瑟姆,运营总部位于美国加州的圣莫尼卡。<BR>&emsp;<BR>&emsp;    作为全球最大的唱片公司,环球音乐集团与索尼音乐集团(Sony Music Group)、华纳音乐集团(Warner Music Group)并称为当今世界三大唱片公司。<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 暴风女神 Lorelei<BR>&emsp;    03 80岁后<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;    13 独醉街头<BR>&emsp;    14 半梦半醒<BR>&emsp;    15 梦仍是一样<BR>&emsp;    16 偏爱<BR>&emsp;    17 一生中最爱<BR>&emsp;    18 情人<BR>&emsp;    19 Don't Say Goodbye<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/08f8465ed08f32170d4d13fe505b5d97.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/XNjQ0MjUxNzcwNA==' 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-1420860977-b840b6?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]
查看完整版本: [谭咏麟《谭情说爱——谭咏麟 DISK2》][FLAC/分轨/534M][城通]