[谭咏麟《谭咏麟——迷情》][FLAC/分轨/398M][城通]
<!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>
谭咏麟《谭咏麟——迷情》
<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>  专辑歌手：谭咏麟<BR>  唱片公司：宝丽金唱片<BR>  发行时间：1991年7月<BR>  资源品质：无损<BR>  资源格式：flac<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>
大碟中的《知不知》，是赵容弼为alan度身定做。林振强的填词迷情无限，而杜自持的配器更为迷情气氛推波助澜。<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>
01 星球本色<BR>  02 俗世洪流<BR>  03 失陪<BR>  04 帮我，欺骗我<BR>  05 Hello Goodbye<BR>  06 知不知<BR>  07 我做得到（谭咏麟，成龙 《"我做得到"——青年行动》主题曲）<BR>  08 Elaine<BR>  09 Missy Mona<BR>  10 小说人生（香港电台电视剧《小说家族》主题曲）<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>
</font>
</font>
</font>
</div>
<div align="center" >
<br>
<div class="div1"><a href="#">
<img src=https://image.uc.cn/o/wemedia/s/upload/2024/d0547e9d70c224094c99f65fba90133e.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/XNjQ1MTY1Njk5Ng==' 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-1435197098-8b96af?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]