寒冬残荷 发表于 2022-10-10 21:55

试贴,看论坛可否能使用外链的.css文件

本帖最后由 寒冬残荷 于 2022-10-10 23:11 编辑 <br /><br /><link rel="stylesheet" href=https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css />
<!-- 图片切换的样式 -->
<style type="text/css">
.wddiv {position:relative;width:1000px; height:750px; left:50px;top:10px;margin:0px; overflow:hidden; transform:rotate(0deg); background:url(https://z3.ax1x.com/2021/08/26/hujGMd.gif)85% 5% no-repeat,url(https://s1.ax1x.com/2022/08/27/vW9dOK.jpg)0 0/100% 100%; box-shadow: 3px 3px 20px #000; }
#img1{box-shadow: 0px 0px 0px 2px #bebebe;width:800px; height:600px; filter:brightness(120%); filter:saturate(120%); margin-top:20px; margin-left:85px; border:#d0d0d0 15px inset; border-top:#e0e0e0 15px inset;border-bottom:#adadad 15px inset; }
</style>
<!--LRC歌词的样式 -->
<style type="text/css">
#outframe {width:100%; height:150px; position:relative; top:-20px; left:-20px;}
.lrcShow{width:100%;height:150px;overflow:hidden;position:absolute;bottom:0px;left:0px; animation:slider 0.26s linear infinite; }
@keyframes slider{
from{filter:hue-rotate(360deg) contrast(180%) brightness(200%);}
to{filter:hue-rotate(0deg) contrast(140%) brightness(100%);}}
.lrcShow ul{width:100%;padding-top:50px;list-style:none;transition:0.3s all ease;margin:0px;}
.lrcShow ul li{filter:drop-shadow(1px 0 0 #ffffff ) drop-shadow(0 1px 0 #ffffff) drop-shadow(-1px 0 0 #ffffff) drop-shadow(0 -1px 0 #ffffff); height:70px; line-height:70px; font-family:楷体; font-size:0px; color:#000078; font-weight:normal; transition:.3s all ease; list-style-type:none; text-align:center; display:block; width:100%; margin:0 auto;}
.lrcShow ul li.active{font-family:楷体; font-size:70px; font-weight:bold; color:#ff0000;}
.twinkle{animation:twinkleDef 3s linear infinite;}
@keyframes twinkleDef{
0%,100%{filter:hue-rotate(360deg) drop-shadow(0px 0px 2px #333) drop-shadow(0px 0px 4px #333) drop-shadow(0px 0px 8px #333) drop-shadow(0px 0px 16px #333);}
50%{filter:hue-rotate(0deg) drop-shadow(0px 0px 16px #ccc) drop-shadow(0px 0px 8px #ccc) drop-shadow(0px 0px 4px #ccc) drop-shadow(0px 0px 2px #ccc);}}
</style>

<div style="position:relative;width:1000px; height:800px; top:0px;left:-240px;" >
<div class="wddiv" >
<img class="animate__animated animate__slower animate__rotateIn" src="https://s4.ax1x.com/2022/02/21/HjQUW4.jpg" id="img1" />
<div id="outframe">
<div class="lrcShow twinkle" id='sLRC'></div>
<div id="mDisk"></div>
</div>
</div></div>
<!-- 以下是图片切换的JS代码-->
<script type="text/javascript">
var imgs=[
"https://s4.ax1x.com/2022/02/20/HLE3X4.jpg","https://s4.ax1x.com/2022/02/20/HLE3X4.jpg",
"https://s4.ax1x.com/2022/02/20/HLE1cF.jpg","https://s4.ax1x.com/2022/02/20/HLE1cF.jpg",
"https://s4.ax1x.com/2022/02/20/HLEl1U.jpg","https://s4.ax1x.com/2022/02/20/HLEl1U.jpg",
"https://s4.ax1x.com/2022/02/20/HLEQpT.jpg","https://s4.ax1x.com/2022/02/20/HLEQpT.jpg",
"https://s4.ax1x.com/2022/02/20/HLEKhV.jpg","https://s4.ax1x.com/2022/02/20/HLEKhV.jpg",
"https://s4.ax1x.com/2022/02/20/HLEut0.jpg","https://s4.ax1x.com/2022/02/20/HLEut0.jpg",
"https://s4.ax1x.com/2022/02/20/HLEnkq.jpg","https://s4.ax1x.com/2022/02/20/HLEnkq.jpg",
"https://s4.ax1x.com/2022/02/20/HLEe7n.jpg","https://s4.ax1x.com/2022/02/20/HLEe7n.jpg",
"https://s4.ax1x.com/2022/02/20/HLEZ0s.jpg","https://s4.ax1x.com/2022/02/20/HLEZ0s.jpg",
"https://s4.ax1x.com/2022/02/20/HLEVmj.jpg","https://s4.ax1x.com/2022/02/20/HLEVmj.jpg",
"https://s4.ax1x.com/2022/02/20/HLEAXQ.jpg","https://s4.ax1x.com/2022/02/20/HLEAXQ.jpg",
"https://s4.ax1x.com/2022/02/20/HLEk6g.jpg","https://s4.ax1x.com/2022/02/20/HLEk6g.jpg",
"https://s4.ax1x.com/2022/02/20/HLEF1S.jpg","https://s4.ax1x.com/2022/02/20/HLEF1S.jpg",
"https://s4.ax1x.com/2022/02/19/HqB3Sf.jpg","https://s4.ax1x.com/2022/02/19/HqB3Sf.jpg",
"https://s4.ax1x.com/2022/02/19/HqBlfP.jpg","https://s4.ax1x.com/2022/02/19/HqBlfP.jpg",
"https://s4.ax1x.com/2022/02/19/HqBQYt.jpg","https://s4.ax1x.com/2022/02/19/HqBQYt.jpg",
"https://s4.ax1x.com/2022/02/19/HqBMFI.jpg","https://s4.ax1x.com/2022/02/19/HqBMFI.jpg",
"https://s4.ax1x.com/2022/02/19/HqBuTA.jpg","https://s4.ax1x.com/2022/02/19/HqBuTA.jpg",
"https://s4.ax1x.com/2022/02/19/HqBnwd.jpg","https://s4.ax1x.com/2022/02/19/HqBnwd.jpg",
"https://s4.ax1x.com/2022/02/19/HqBmeH.jpg","https://s4.ax1x.com/2022/02/19/HqBmeH.jpg",
"https://s4.ax1x.com/2022/02/19/HqBZOe.jpg","https://s4.ax1x.com/2022/02/19/HqBZOe.jpg",
"https://s4.ax1x.com/2022/02/19/HqBVyD.jpg","https://s4.ax1x.com/2022/02/19/HqBVyD.jpg",
"https://s4.ax1x.com/2022/02/19/HqBASK.jpg","https://s4.ax1x.com/2022/02/19/HqBASK.jpg",
"https://s4.ax1x.com/2022/02/19/HqBFW6.jpg","https://s4.ax1x.com/2022/02/19/HqBFW6.jpg",
"https://s4.ax1x.com/2022/02/19/HqBiJx.jpg","https://s4.ax1x.com/2022/02/19/HqBiJx.jpg",
"https://s4.ax1x.com/2022/02/19/HqBPF1.jpg","https://s4.ax1x.com/2022/02/19/HqBPF1.jpg",
"https://s4.ax1x.com/2022/02/19/HqB9oR.jpg","https://s4.ax1x.com/2022/02/19/HqB9oR.jpg",
"https://s4.ax1x.com/2022/02/19/HqBpw9.jpg","https://s4.ax1x.com/2022/02/19/HqBpw9.jpg",
"https://s4.ax1x.com/2022/02/19/HqBSeJ.jpg","https://s4.ax1x.com/2022/02/19/HqBSeJ.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0xL4.jpg","https://s4.ax1x.com/2022/02/19/Hq0xL4.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0vyF.jpg","https://s4.ax1x.com/2022/02/19/Hq0vyF.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0jQU.jpg","https://s4.ax1x.com/2022/02/19/Hq0jQU.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0OzT.jpg","https://s4.ax1x.com/2022/02/19/Hq0OzT.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0LWV.jpg","https://s4.ax1x.com/2022/02/19/Hq0LWV.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0qJ0.jpg","https://s4.ax1x.com/2022/02/19/Hq0qJ0.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0biq.jpg","https://s4.ax1x.com/2022/02/19/Hq0biq.jpg",
"https://s4.ax1x.com/2022/02/19/Hq07on.jpg","https://s4.ax1x.com/2022/02/19/Hq07on.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0Tds.jpg","https://s4.ax1x.com/2022/02/19/Hq0Tds.jpg",
"https://s4.ax1x.com/2022/02/19/Hq0oZj.jpg","https://s4.ax1x.com/2022/02/19/Hq0oZj.jpg",
"https://s4.ax1x.com/2022/02/19/Hq05LQ.jpg","https://s4.ax1x.com/2022/02/19/Hq05LQ.jpg",
"https://s4.ax1x.com/2022/02/19/Hq04sg.jpg","https://s4.ax1x.com/2022/02/19/Hq04sg.jpg",
"https://z3.ax1x.com/2021/08/29/h88Uyt.jpg","https://z3.ax1x.com/2021/08/29/h88Uyt.jpg",
"https://z3.ax1x.com/2021/08/29/h88NQI.jpg","https://z3.ax1x.com/2021/08/29/h88NQI.jpg",
"https://z3.ax1x.com/2021/08/29/h88tSA.jpg","https://z3.ax1x.com/2021/08/29/h88tSA.jpg",
"https://z3.ax1x.com/2021/08/29/h88JWd.jpg","https://z3.ax1x.com/2021/08/29/h88JWd.jpg",
"https://s4.ax1x.com/2022/02/21/HjQUW4.jpg","https://s4.ax1x.com/2022/02/21/HjQUW4.jpg",
"https://s4.ax1x.com/2022/02/21/HjQsw6.jpg","https://s4.ax1x.com/2022/02/21/HjQsw6.jpg",
"https://s4.ax1x.com/2022/02/21/HjQrex.jpg","https://s4.ax1x.com/2022/02/21/HjQrex.jpg",
"https://s4.ax1x.com/2022/02/21/HjQBO1.jpg","https://s4.ax1x.com/2022/02/21/HjQBO1.jpg",
"https://s4.ax1x.com/2022/02/21/HjQ0yR.jpg","https://s4.ax1x.com/2022/02/21/HjQ0yR.jpg",
"https://s4.ax1x.com/2022/02/21/HjQwl9.jpg","https://s4.ax1x.com/2022/02/21/HjQwl9.jpg",
"https://s4.ax1x.com/2022/02/21/HjQdSJ.jpg","https://s4.ax1x.com/2022/02/21/HjQdSJ.jpg",
"https://s4.ax1x.com/2022/02/21/HjQNYF.jpg","https://s4.ax1x.com/2022/02/21/HjQNYF.jpg",
"https://s4.ax1x.com/2022/02/21/HjQtFU.jpg","https://s4.ax1x.com/2022/02/21/HjQtFU.jpg",
"https://s4.ax1x.com/2022/02/21/HjQJoT.jpg","https://s4.ax1x.com/2022/02/21/HjQJoT.jpg",
"https://s4.ax1x.com/2022/02/21/HjQGwV.jpg","https://s4.ax1x.com/2022/02/21/HjQGwV.jpg",
"https://s4.ax1x.com/2022/02/21/HjQ8e0.jpg","https://s4.ax1x.com/2022/02/21/HjQ8e0.jpg",
"https://s4.ax1x.com/2022/02/21/HjQ1Lq.jpg","https://s4.ax1x.com/2022/02/21/HjQ1Lq.jpg",
"https://s4.ax1x.com/2022/02/21/HjQlyn.jpg","https://s4.ax1x.com/2022/02/21/HjQlyn.jpg",
"https://s4.ax1x.com/2022/02/20/HLEf9f.jpg","https://s4.ax1x.com/2022/02/20/HLEf9f.jpg",
"https://s4.ax1x.com/2022/02/20/HLE2Nt.jpg","https://s4.ax1x.com/2022/02/20/HLE2Nt.jpg",
"https://s4.ax1x.com/2022/02/20/HLEgAI.jpg","https://s4.ax1x.com/2022/02/20/HLEgAI.jpg",
"https://s4.ax1x.com/2022/02/20/HLE6HA.jpg","https://s4.ax1x.com/2022/02/20/HLE6HA.jpg",
"https://s4.ax1x.com/2022/02/20/HLEyBd.jpg","https://s4.ax1x.com/2022/02/20/HLEyBd.jpg",
"https://s4.ax1x.com/2022/02/20/HLEsnH.jpg","https://s4.ax1x.com/2022/02/20/HLEsnH.jpg",
"https://s4.ax1x.com/2022/02/20/HLEDje.jpg","https://s4.ax1x.com/2022/02/20/HLEDje.jpg",
"https://s4.ax1x.com/2022/02/20/HLEBcD.jpg","https://s4.ax1x.com/2022/02/20/HLEBcD.jpg",
"https://s4.ax1x.com/2022/02/20/HLE01O.jpg","https://s4.ax1x.com/2022/02/20/HLE01O.jpg",
"https://s4.ax1x.com/2022/02/20/HLEw9K.jpg","https://s4.ax1x.com/2022/02/20/HLEw9K.jpg",
"https://s4.ax1x.com/2022/02/20/HLEah6.jpg","https://s4.ax1x.com/2022/02/20/HLEah6.jpg",
"https://s4.ax1x.com/2022/02/20/HLENA1.jpg","https://s4.ax1x.com/2022/02/20/HLENA1.jpg",
"https://s4.ax1x.com/2022/02/20/HLEY7R.jpg","https://s4.ax1x.com/2022/02/20/HLEY7R.jpg",
"https://s4.ax1x.com/2022/02/20/HLEJB9.jpg","https://s4.ax1x.com/2022/02/20/HLEJB9.jpg",
"https://s4.ax1x.com/2022/02/20/HLEGnJ.jpg","https://s4.ax1x.com/2022/02/20/HLEGnJ.jpg",
"https://z3.ax1x.com/2021/08/29/h88GJH.jpg","https://z3.ax1x.com/2021/08/29/h88GJH.jpg"];
var dhlm= ["flip","zoomOut ", "zoomIn"," zoomOutLeft ", "flipInX"," zoomOutRight ", "flipInY"," zoomOutUp ", "fadeInLeft"," rollOut ", "fadeInRight"," rotateOutUpRight ", "fadeInDownBig"," rotateOutUpLeft ", "rotateIn"," rotateOutDownRight ", "wobble"," rotateOutDownLeft ", "fadeInLeftBig"," rotateOut ", "zoomInDown", " fadeOutRight", "fadeInRightBig"," fadeOutUpBig", "fadeInUpBig","fadeOutLeftBig ", "fadeInDown"," fadeOutLeft ", "fadeInUp", " flipOutX ", "pulse", "zoomOutDown", "rotateInDownLeft", "fadeOutDownBig", "rotateInDownRight", "fadeOutDown", "rotateInUpLeft","fadeOut"];
var i=0;
var j=0;
var dhtyl= "animate__animated animate__slower animate__"; // 第一个类animate__animated是动画通用类;第二个类animate__slower是动画时间类,slower为3秒;第三个类是动画类名,还不全,后一部分是变化的(dhlm)
function qiehuan(){//自定义函数,函数名为qiehuan(切换)
document.getElementById("img1").src=imgs; //id名为img1所在的标签的地址属性值
img1.className =dhtyl+ dhlm;//id名为img1所在的标签的类名的值
i++;
j++;
if(j >37){
j =0;
}
if(i >149){
i=0;
}
}
setInterval("qiehuan()",3000);//3000毫秒即3秒循环一次。所取的值要在于或等于动画的时间
</script>
<!--以下两个都是LRC歌词的JS代码-->
<script type="text/javascript">
var hasClass = function(elements, cName) {
return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)"))
};
var addClass = function(elements, cName) {
if (!hasClass(elements, cName)) {
elements.className += " " + cName
}
};
var removeClass = function(elements, cName) {
if (hasClass(elements, cName)) {
elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " ")
}
};
var lrcPlayerX = function() {
return this.init.apply(this, arguments)
};
lrcPlayerX.prototype = {
constructor: lrcPlayerX,
init: function(opts) {
lyricTxt = opts.lrcTxt.replace(/(^\s*)|(\s*$)/g, '');
this.showLrcObj = document.getElementById(opts.lrcShowID);
this.audioCtrl = document.getElementById(opts.audioCtrl);
this.lrcVec = this.handleLrc(lyricTxt);
this.showLrcObj.appendChild(this.formLRCShow());
this.genPlayer(opts.audioURL)
},
handleLrc: function(lyricTxt) {
var parts = lyricTxt.replace(/(^\s*)|(\s*$)/g, "").split(/\r|\n|\r\n/);
var lrcs = new Array();
for (let index = 0; index < parts.length; index++) {
let chkTime = parts.match(/\[\d{1,2}:\d{2}.\d{1,3}\]|\[\d{1,2}:\d{2}\]/g);
if (chkTime) {
tIdx = parts.lastIndexOf(']');
if (tIdx > 0) lrcTxt = parts.substr(tIdx + 1);
for (m = 0; m < chkTime.length; m++) {
ta = chkTime.substr(1).replace(']', '').split(/:/);
_0 = (+ta) * 60 + (+ta);
if (lrcs.length == 0 && _0 != 0) {
lrcs.push({
seconds: 0,
})
}
lrcs.push({
seconds: _0,
words: lrcTxt
})
}
}
}
return lrcs.sort(function(a, b) {
return (a.seconds - b.seconds)
})
},
formLRCShow: function() {
var ulObj = document.createElement('ul');
for (let index = 0; index < this.lrcVec.length; index++) {
var liObj = document.createElement("li");
liObj.innerText = this.lrcVec.words;
ulObj.appendChild(liObj)
}
return ulObj
},
genPlayer: function(mUrl) {
this.mObj = document.createElement("audio");
this.mObj.loop = false;
this.mObj.muted = false;
this.mObj.src = mUrl;
this.showLrcObj.appendChild(this.mObj);
var that = this;
var turn = 0;
this.idx = 0;
this.mObj.addEventListener('ended', function() {
that.idx = 0;
removeClass(that.audioCtrl, 'z360z');
this.play()
});
this.mObj.addEventListener('playing', function() {
addClass(that.audioCtrl, 'z360z')
});
this.mObj.addEventListener('pause', function() {
removeClass(that.audioCtrl, 'z360z')
});
this.mObj.addEventListener('error', function() {
console.log("audio wrong, remove play start event");
that.showLrcObj.style.display = 'none';
var lrc_li_height = 70,
lrc_ul_height = 50;
var top = that.idx * lrc_li_height + lrc_li_height / 2 - lrc_ul_height / 2;
if (top < 0) {
top = 0
}
that.showLrcObj.removeChild(this)
});
this.mObj.addEventListener('timeupdate', function() {
if (that.idx < that.lrcVec.length) {
if (this.currentTime > that.lrcVec.seconds) {
var lrc_li_height = 70,
lrc_ul_height = 50;
var top = that.idx * lrc_li_height + lrc_li_height / 2 - lrc_ul_height / 2;
if (top < 0) {
top = 0
}
var ullrc = that.showLrcObj.getElementsByTagName('ul');
ullrc.style.marginTop = -top + "px";
var activeLi = ullrc.querySelector(".active");
if (activeLi) {
activeLi.classList.remove("active")
}
ullrc.children.classList.add("active");
that.idx++
}
}
});
this.audioCtrl.onclick = function() {
if (that.mObj.paused) {
that.mObj.play()
} else {
that.mObj.pause()
}
};
try {
this.mObj.play()
} catch (err) {
console.log(err.message)
}
}
}
</script>
<script type="text/javascript">
var lrc = `
请您欣赏《盛开的牡丹》
作词:李海鹰 李克
作曲:李海鹰
演唱:宋祖英
LRC字幕:寒冬残荷
幽幽清香飘过我的家
疑是天上飞雨花
谁能听清风儿在说话
多少人间故事留下
天香出自寻常的人家
花开时节满天下
轻轻闭上双眼
深深地祝愿
醉人芬芳飘天涯
山水同绘一幅画
你是盛开的牡丹
回眸一笑不觉惊动天下
你用天地间最美的生命
点点温暖万户千家
你是盛开的牡丹
国色天香只为滋润天下
你用一万年最深的牵挂
遍洒芬芳同醉天涯

幽幽清香飘过我的家
疑是天上飞雨花
谁能听清风儿在说话
多少人间故事留下
天香出自寻常的人家
花开时节满天下
轻轻闭上双眼
深深地祝愿
醉人芬芳飘天涯
山水同绘一幅画
你是盛开的牡丹
回眸一笑不觉惊动天下
你用天地间最美的生命
点点温暖万户千家
你是盛开的牡丹
国色天香只为滋润天下
你用一万年最深的牵挂
遍洒芬芳同醉天涯
遍洒芬芳同-醉-天-涯

`;
var opts = {
lrcTxt:lrc,
lrcShowID:'sLRC',
audioCtrl:'mDisk',
audioURL:'https://www.kumeiwp.com/sub/filestores/2022/10/10/4d4a3d45496742b1a9daaafbf978f5f4.mp3'
//http://url.amp3a.com/kuwo.php/454828.mp3
//https://www.kumeiwp.com/sub/filestores/2022/10/10/4d4a3d45496742b1a9daaafbf978f5f4.mp3
};
new lrcPlayerX(opts);
</script>

寒冬残荷 发表于 2022-10-10 22:04

今晚好开心呀,看了马老师的帖子,有一个大大的意外收获{:5_106:}——根据马老师帖子里用的mp3地址,我注册了一个网盘!今天才知道有可上传MP3并可外链的网盘!!!这下子在网易没有的歌曲,可以从其它网下载来上传了

马黑黑 发表于 2022-10-10 22:24

寒冬残荷 发表于 2022-10-10 22:04
今晚好开心呀,看了马老师的帖子,有一个大大的意外收获——根据马老师帖子里用的mp3地址,我注册 ...

那个就是有时会出点故障,总体上不错的

醉美水芙蓉 发表于 2022-10-10 22:29

红影 发表于 2022-10-10 22:33

试验成功,帖子很漂亮,歌词同步也做得很好。给寒冬残荷点赞{:4_187:}

起个网名好难 发表于 2022-10-10 22:50

并没用到外链的js文件啊

寒冬残荷 发表于 2022-10-10 23:09

起个网名好难 发表于 2022-10-10 22:50
并没用到外链的js文件啊

那个3v免费空间不稳定,把js文件直接写在代码里了。

起个网名好难 发表于 2022-10-10 23:13

寒冬残荷 发表于 2022-10-10 23:09
那个3v免费空间不稳定,把js文件直接写在代码里了。

空间不稳定还是其次,主要链接不是 https

寒冬残荷 发表于 2022-10-10 23:13

马黑黑 发表于 2022-10-10 22:24
那个就是有时会出点故障,总体上不错的


<style>
#divt1{background-image:url(https://pic1.imgdb.cn/item/63417abb16f2c2beb1075797.gif); background-size:cover; width:800px; height:200px; font-size:70px; text-align:center; font-weight:bold; line-height:200px; color:transparent; -webkit-background-clip:text; border:0px #FF4A20 solid; }
</style>
<div id="divt1">谢谢马老师!</div>

寒冬残荷 发表于 2022-10-10 23:16

马黑黑 发表于 2022-10-10 22:24
那个就是有时会出点故障,总体上不错的

刚注册,用用看看。免费的能用一天是一天。{:5_117:}

寒冬残荷 发表于 2022-10-10 23:19

醉美水芙蓉 发表于 2022-10-10 22:29
很漂亮!谢谢老师分享!


<style>
#divt2{background-image:url(https://pic1.imgdb.cn/item/63417abb16f2c2beb1075797.gif); background-size:cover; width:800px; height:200px; font-size:70px; text-align:center; font-weight:bold; line-height:200px; color:transparent; -webkit-background-clip:text; border:0px #FF4A20 solid; }
</style>
<div id="divt2">谢谢临帖!问好!</div>

寒冬残荷 发表于 2022-10-10 23:22

红影 发表于 2022-10-10 22:33
试验成功,帖子很漂亮,歌词同步也做得很好。给寒冬残荷点赞


<style>
#divt3{background-image:url(https://pic1.imgdb.cn/item/63417abb16f2c2beb1075797.gif); background-size:cover; width:800px; height:200px; font-size:44px; text-align:center; font-weight:bold; line-height:200px; color:transparent; -webkit-background-clip:text; border:0px #FF4A20 solid; }
</style>
<div id="divt3">谢谢红管理的鼓励与支持!祝晚安!</div>

马黑黑 发表于 2022-10-11 07:21

寒冬残荷 发表于 2022-10-10 23:16
刚注册,用用看看。免费的能用一天是一天。

今年出过一次问题,用了近一个月的时间才修复好。它已经运营很长时间了。

马黑黑 发表于 2022-10-11 07:21

寒冬残荷 发表于 2022-10-10 23:13
#divt1{background-image:url(https://pic1.imgdb.cn/item/63417abb16f2c2beb1075797.gif); backgrou ...

{:4_190:}

红影 发表于 2022-10-11 09:13

寒冬残荷 发表于 2022-10-10 23:22
#divt3{background-image:url(https://pic1.imgdb.cn/item/63417abb16f2c2beb1075797.gif); backgr ...

问好寒冬残荷,早上好{:4_187:}

相约爱晚亭 发表于 2022-10-11 10:08

寒冬残荷 发表于 2022-10-10 22:04
今晚好开心呀,看了马老师的帖子,有一个大大的意外收获——根据马老师帖子里用的mp3地址,我注册 ...

能力超强啊,佩服!

梦缘 发表于 2022-10-11 10:52

感谢老师的精彩分享,欣赏问好!

相约爱晚亭 发表于 2022-10-11 16:51

寒冬残荷 发表于 2022-10-10 22:04
今晚好开心呀,看了马老师的帖子,有一个大大的意外收获——根据马老师帖子里用的mp3地址,我注册 ...

以前我用百度网盘,找不到外链方法。今天受到启发,我也注册了这个网盘,上传音乐“神秘的女孩”,网盘管理员审核后,能成功外链,很开心。

深秋红枫 发表于 2022-10-11 21:44

谢谢分享!,好作品,赞一个!

寒冬残荷 发表于 2022-10-12 22:11

相约爱晚亭 发表于 2022-10-11 10:08
能力超强啊,佩服!

老师取笑我吧?本人退休十多年后感觉记忆力、理解力每况愈下,好担心患上老年痴呆症。
页: [1] 2
查看完整版本: 试贴,看论坛可否能使用外链的.css文件