love-music 发表于 2024-10-21 09:45:27

[崔健《崔健——无能的力量》][FLAC/分轨/334M][城通]

<!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/2024/57a28798ec4f7b262aca8d75f9ca4600.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;    发行时间:1998年<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;    这是崔健的第四张专辑。他的专辑发布,似乎引发的社会意义和背负的历史使命更多于了音乐的本身。整张专辑在音乐风格上更为明显的体现出黑人说唱音乐及电子乐对崔健的深远影响。<BR>&emsp;<BR>&emsp;    《混子》成为了90年代青年人的最真实写照。《无能的力量》、《九十年代》、《时代的晚上》、《春节》等歌曲透露出崔健浓重的世纪末情节。<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;

<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/c8d9be9ddb9dc05c27bc2eda073fed5e.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/XNjQzMTYzODk4OA==' 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-1388792939-cf51aa?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/分轨/334M][城通]