大猫咪 发表于 2022-2-27 21:08

TO----闲言不语

<style type="text/css">
.picBtn {

      width: 100px;
      height: 100px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif') no-repeat;
      cursor: pointer;

</style>

<div style="position: relative; left:-204px;top:120px; width:1024px;text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/621b6f132ab3f51d9107f0cc.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:350px; top: 240px; text-align:center;">

<center >
<p ><font color="#ffffff" size="4" >

<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 2px #ffffff;">


               <marqueescrollamount="4" direction="left" >猫猫学习做一次黑黑老师的教程</marquee>
                <p><audio id="music" src="http://music.163.com/song/media/outer/url?id=1416072597.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
                <button id="picBtn" class="picBtn"></button>
          </div>
      </div>
</div><br><br><br><br><br><br>

<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-02/24/15/202202241559481151-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')";
})

</script>

大猫咪 发表于 2022-2-27 21:10

好久不见不语兄，想念{:4_187:} 刚辣椒耐心教猫做帖，送给不语兄，祝一切安好！

{:4_204:}{:4_190:}

马黑黑 发表于 2022-2-27 21:33

帖子的HTML代码里，这句：


<div style="position: relative; left:20px; width:1024px;text-align:center;"> 。。。

left值改为 -204px 就会左移，从而令整体“居中”

大猫咪 发表于 2022-2-27 21:35

马黑黑 发表于 2022-2-27 21:33
帖子的HTML代码里，这句：




好，谢谢老黑，{:4_179:} 有你真好   {:4_190:}继续学习{:5_106:}

马黑黑 发表于 2022-2-27 21:36

大猫咪 发表于 2022-2-27 21:35
好，谢谢老黑， 有你真好   继续学习

试试看

大猫咪 发表于 2022-2-27 21:37

马黑黑 发表于 2022-2-27 21:36
试试看

好的{:4_187:}{:4_179:}

红影 发表于 2022-2-27 21:48

这个做得非常成功，猫猫真棒{:4_187:}

红影 发表于 2022-2-27 21:49

不语快来收好礼@闲言不语 {:4_187:}

大猫咪 发表于 2022-2-27 21:49

红影 发表于 2022-2-27 21:48
这个做得非常成功，猫猫真棒

还在学习，明天学习上传图片， 辣椒教的好{:5_106:} 谢谢红影{:4_179:}{:4_190:}

红影 发表于 2022-2-27 21:50

猫猫越来越厉害了，这个做得真好{:4_199:}

小辣椒 发表于 2022-2-27 21:55

猫猫好棒哦，悟性非常好{:4_187:}

大猫咪 发表于 2022-2-27 21:59

小辣椒 发表于 2022-2-27 21:55
猫猫好棒哦，悟性非常好

{:4_179:}谢谢辣椒

马黑黑 发表于 2022-2-27 22:40

这就完美了

红影 发表于 2022-2-27 22:58

大猫咪 发表于 2022-2-27 21:49
还在学习，明天学习上传图片， 辣椒教的好   谢谢红影

那个喇叭点上去也是可以暂停或播放的，非常好呢。猫猫厉害{:4_187:}

四海八荒 发表于 2022-2-27 23:50

为什么我看到的回帖都是白色的字？

闲言不语 发表于 2022-3-1 12:59

大猫咪 发表于 2022-2-27 21:10
好久不见不语兄，想念   刚辣椒耐心教猫做帖，送给不语兄，祝一切安好！




士别三日，刮目相看。多日不见，猫咪也玩代码了，制作的真漂亮，音乐也动听{:4_199:}

闲言不语 发表于 2022-3-1 13:10

红影 发表于 2022-2-27 21:49
不语快来收好礼@闲言不语

听见影子在召唤，俺偷偷上网来了。谢谢！

闲言不语 发表于 2022-3-1 13:12

大猫咪 发表于 2022-2-27 21:10
好久不见不语兄，想念   刚辣椒耐心教猫做帖，送给不语兄，祝一切安好！




近来身体一直不太好，而且眼睛也生毛病了(飞蚊症)。医生建议少玩电脑和手机，年前年后一直把电脑当摆设了。今上午在医院吊盐水，用手机偷偷上来才发现猫猫的厚重礼物，欣慰之情难以言表，谢谢猫猫的美帖和惦念！谢过花潮众朋友！

浅风儿 发表于 2022-3-1 13:23

邻家大哥收礼开心哇。{:4_172:}

红影 发表于 2022-3-1 20:31

闲言不语 发表于 2022-3-1 13:10
听见影子在召唤，俺偷偷上网来了。谢谢！

不语好长时间不见，甚是想念{:4_187:}
页: [1] 2 3
查看完整版本: TO----闲言不语