[谭咏麟《首麟——谭咏麟合唱歌》][FLAC/分轨/391M][城通]测试
<!DOCTYPE html><html>
<head>
<meta charset="GBK">
<title>办公特式论坛</title>
</head>
<body>
<style>
p2
{
padding-top: 20px;
padding-bottom: 20px;
margin-bottom:0px;
color:black;
font-size:20px;
font-family:黑体;
font-weight: 700;
text-shadow: 0 0 1px #686868,0 1px 2px #ddd, 0 2px 3px #d5d5d5, 0 3px 4px #ccc, 0 4px 5px #c5c5c5, 0 5px 6px rgba(100,100,100,0.4);
line-height:50px;
}
p1
{
margin-top:0px;
margin-bottom: 0px;
color:yellow;
text-align:left;
}
ul
{
list-style: none;
}
a
{
text-decoration: none;
color: black;
}
.content
{
background-size: cover;
height: 80vh;
width:80%;
float:left;
position:relative;
overflow: auto;
}
.content .box{
opacity: 1;
width: auto;
height: 80vh;
overflow: hidden;}
.content .box div{
opacity: 1;
width: auto;
height: 80vh;
overflow: hidden;}
.content .box div img{
opacity: 1;
width: auto;
overflow: hidden;}
.content .btn{
opacity: 1;
position: absolute;
height: 30px;
bottom: 30px;
right: 30px;}
.content .btn ul{
opacity: 1;
height: 40px;}
.content .btn ul li{
opacity: 1;
float: left;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 20px;
background-color: #87CEEB;
border-radius: 50%;
margin: 0 2px;}
.downlordcolor{
width: 80px;
height: 30px;
background:red;
color:yellow;}
.downlordcolor:hover{
opacity: 1;
transition:1s ease-in-out;
background:yellow;
color:red;}
.downlordcolor:active{
background:blue;
color:#fff;}
.otherbutton{
width: 80px;
height: 30px;
border-width: 4px;}
.otherbutton:hover{
background-color: azure;}
</style>
<script>
function myfunction1(){
var x="<br><br>  专辑名称：首麟——谭咏麟合唱歌<BR>  歌手名称：谭咏麟 <BR>  发行时间：2001年<BR>  唱片公司：环球唱片<BR>  资源品质：无损<BR>  资源格式：flac<BR> "
document.getElementById("demo").innerHTML=x;
document.getElementById("demo1").style.display = "none";
document.getElementById("demo2").style.display = "none";
document.getElementById("demo3").style.display = "none";}
function myfunction2(){
var x="<br><br>  《首麟合唱歌》16首与众歌星合唱歌曲<BR> <BR>  八十年代的“风火伦”谭咏麟，是何等叱咤风云，这张《首麟——谭咏麟合唱歌》，精选收录了十六首，他与众歌星演绎的经典歌曲<BR> <BR>  永远廿五岁的乐坛长青树谭咏麟，在八十年代红透半边天，专辑全球总销售量超过一千万张，经典金曲无数。<BR> "
document.getElementById("demo").innerHTML=x;
document.getElementById("demo1").style.display = "none";
document.getElementById("demo2").style.display = "none";
document.getElementById("demo3").style.display = "none";}
function myfunction3(){
var x="<br><br>  01 暂别（谭咏麟&雷安娜）<BR>  02 风中劲草（谭咏麟&蔡国权）<BR>  03 爱火（谭咏麟&张淑玲）<BR>  04 玩的格言（谭咏麟&彭健新）<BR>  05 偏爱（谭咏麟&早见优）<BR>  06 分手之后（谭咏麟&邝美云）<BR>  07 我做得到（谭咏麟&成龙）<BR>  08 分甘同味（谭咏麟&陈百祥）<BR>  09 星之歌（谭咏麟&黎明）<BR>  10 醒一醒（谭咏麟&郑中基）<BR>  11 唱一首好歌（谭咏麟&关淑怡）<BR>  12 爱情陷阱（谭咏麟&陈晓东）<BR>  13 幻影+雾之恋（谭咏麟&张国荣）<BR>  14 感激（谭咏麟&郑中基&张学友）<BR>  15 红日（谭咏麟&李克勤）<BR>  16 自选角度（谭咏麟&丁菲飞）<BR> "
document.getElementById("demo").innerHTML=x;
document.getElementById("demo1").style.display = "none";
document.getElementById("demo2").style.display = "none";
document.getElementById("demo3").style.display = "none";}
function myfunction4(){
document.getElementById("demo").innerHTML="";
document.getElementById("demo1").style.display = "block";
document.getElementById("demo2").style.display = "none";
document.getElementById("demo3").style.display = "block";}
function myfunction5(){
document.getElementById("demo").innerHTML="";
document.getElementById("demo1").style.display = "none";
document.getElementById("demo2").style.display = "block";
document.getElementById("demo3").style.display = "none";}
function myfunction6(){
window.open('https://url00.ctfile.com/f/1621100-1506254797-2fba1e?p=124347');}
</script>
<table width= 100%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>
<div id="container" style="width:100%">
<div id="header" style="background-color:rgba(255,0,0,0.8);text-align:center;">
<p2>谭咏麟《首麟——谭咏麟合唱歌》</p2>
</div>
<div id="menu" style="background-color:rgba(100,100,100,0.5);height: 80vh;width: 20%;float:left;">
<br>
 <button onclick="myfunction1()" class="otherbutton">专辑信息</button>
<br>
<br>
 <button onclick="myfunction2()" class="otherbutton">专辑简介</button>
<br>
<br>
 <button onclick="myfunction3()" class="otherbutton">专辑曲目</button>
<br>
<br>
 <button onclick="myfunction4()" class="otherbutton">专辑图片</button>
<br>
<br>
 <button onclick="myfunction5()" class="otherbutton">专辑试听</button>
<br>
<br>
 <button onclick="myfunction6()" class="downlordcolor">下载地址</button>
</div>
<div class="content" >
<p1 id="demo"></p1>
<div id="demo1" style="display:none;text-align:center;height:100%;width:100%;" >
<img src=' https://image.uc.cn/o/wemedia/s/upload/2025/087549a8285485c8a8d64c4131a4b8eb.jpg;,4,jpegx;3,700x.jpg ' style="height:100%;width:auto ;" >
<img src='https://image.uc.cn/o/wemedia/s/upload/2025/2c1a27b41**c70ae0c316eed3709dfd.jpg;,4,jpegx;3,700x.jpg' style="height:100%;width:auto ;">
<img src='https://image.uc.cn/o/wemedia/s/upload/2025/e6380cee0f641a4a9fd4f6000ab8e885.png;,4,png;3,700x.png 'style="height:100%;width:auto ;">
</div>
<iframe src='https://v.qq.com/txp/iframe/player.html?vid=l309035hj6b ' id="demo2" style='display:none;margin:auto;position:absolute;width:100%;height: 100%;' frameborder=0 'allowfullscreen'></iframe>
</div>
<div id="footer" style="background-color:red;clear:both;text-align:center;color:black">
版权 @ Love-Music
</div>
</div>
</td></tr></tbody>
</table>
</body>
</html>
感谢楼主分享。
页:
[1]