张碧晨&杨宗纬-凉凉(学习黑黑按钮链接制作)
<br><br><br><DIV align=center>
<table style="position: relative; width:700px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height= 67 background=https://wj1.zp68.com:812/lxx/yunhua/20210209/s.jpg>
</TD></TR><TR><TD height=60 background=https://wj1.zp68.com:812/lxx/yunhua/20210209/z.jpg>
<br>
<br><div align="center">
<img src="http://image.hnol.net/c/2022-01/16/16/202201161636492641-5087368.gif" width="550" _height="366" border="0">
</div><br>
<div align="center"><p style="line-height:30px">
<b><font face="微软雅黑" size="4">张碧晨&杨宗纬-凉凉<br>
</font></b>
<font color="#313736" face="微软雅黑" size="3">(电视剧《三生三世十里桃花》片尾曲)</font><font color="#313736" face="微软雅黑">
</font> <div align="center"><br>
继续学习黑黑的教程做一个</div>
<div style="text-align: justify;">
<p style="text-align:left; line-height:25px; letter-spacing:1.8px; padding-right:1.6cm; padding-left:6.6cm">
<font color="#313736" face="微软雅黑">
我听见寒风 扰乱了叶落<br>
在寂寞阴暗长居住的巷弄<br>
我听见孤单 在隐忍的夜晚<br>
是被爱刺痛啜泣者的胸膛<br>
我是心门上了锁的一扇窗<br>
任寒风来来去去关不上<br>
这些年无法修补的风霜<br>
看来格外的凄凉<br>
风来时撩拨过往的忧伤<br>
像整个季节廉价的狂欢<br>
让我们从头来吧 如梦如花<br><br>
</span></section>
<section section style="text-align:center; line-height: 3em;">
<style type="text/css">
.picBtn {
width: 32px;
height: 32px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif') no-repeat;
cursor: pointer;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
}
.picBtn:hover {
opacity: 0.95;
box-shadow: 1px 1px 2px 2px rgba(0,0,0,.3);
}
#picBtn:active {
opacity: 0.8;
box-shadow: 1px 1px 1px 0px rgba(0,0,0,.5);
}
</style>
<p><audio id="music"hidden="true"src="https://wj.zp68.com/lxx//yunhua/2022/01/18/ssssll.mp3" controls="controls"></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501412221-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif ')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif')";
})
</script>
<br><br>
<div align="center"><p style="line-height:30px">
<b><font color="#222222" face="宋体" size="2">
小辣椒 2022.01.16<br>
</TD></TR><TR><TD height=130 background=https://wj1.zp68.com:812/lxx/yunhua/20210209/x.jpg>
</table><br><br><br><br><br></div>
学习黑黑的教程分享{:4_187:} 辣椒制作真棒!一直喜欢的经典,词意优美,旋律悠扬,撩人心弦,{:4_187:}
{:4_204:} 大猫咪 发表于 2022-1-16 20:24
辣椒制作真棒!一直喜欢的经典,词意优美,旋律悠扬,撩人心弦,
猫猫好,我们好多天没有碰到了吧{:4_179:} 小辣椒 发表于 2022-1-16 20:29
猫猫好,我们好多天没有碰到了吧
嗯嗯辣椒, 猫最近也是忙,又三陪,又看报表,赶时间{:5_117:}
{:4_204:} 大猫咪 发表于 2022-1-16 20:30
嗯嗯辣椒, 猫最近也是忙,又三陪,又看报表,赶时间
猫猫辛苦的{:4_173:} 亲爱的真棒,现在这个加分不会飞了{:4_187:} 查看了源代码,有部分代码还是沿用了之前的混合模式,可以梳理一下,请参阅:
https://www.huachaowang.com/forum.php?mod=viewthread&tid=56129&extra=page%3D1 挺好的,挺漂亮的,现在学习了这么多的知识,真得好好练习开始了。{:4_187:} 马黑黑 发表于 2022-1-16 22:59
查看了源代码,有部分代码还是沿用了之前的混合模式,可以梳理一下,请参阅:
https://www.huachaowang. ...
好的,谢谢黑黑 我去看看 小辣椒 发表于 2022-1-17 19:42
好的,谢谢黑黑 我去看看
{:4_181:} 我再来看看 {:4_174:} 马黑黑 发表于 2022-1-21 21:33
黑黑好,今天上来看看,一下子这么迟了,准备下了。
以后再上来了,黑黑分享的这么多技术贴,是花潮的宝藏帖{:4_173:} 小辣椒 发表于 2022-1-21 21:41
黑黑好,今天上来看看,一下子这么迟了,准备下了。
以后再上来了,黑黑分享的这么多技术贴,是花潮的 ...
言重了。晚安。 好美的制作{:4_187:} 再来欣赏~~~~~~~~~~~~~~
页:
[1]