马黑黑 发表于 2022-3-1 22:26
这个得小辣椒来
你别客气啊。
马黑黑 发表于 2022-3-1 22:26
这个得小辣椒来
哈哈~~~{:4_172:}
我瞎捣鼓
小辣椒 发表于 2022-3-1 21:23
黑黑 可以给我上面的写一个完整的代码，然后分享大家可以玩？
现在没时间呢，事情琐碎，经常分心。等办完事回去我整理一下
小辣椒的代码换图和音乐就可以吗？{:4_203:}
小辣椒 发表于 2022-3-1 22:29
哈哈~~~
我瞎捣鼓
行家里手了
小辣椒辛苦了，谢谢{:4_179:}
马黑黑 发表于 2022-3-1 22:29
现在没时间呢，事情琐碎，经常分心。等办完事回去我整理一下
谢谢黑黑，没有时间就这样玩，反正我们都不是专业的{:4_173:}
马黑黑 发表于 2022-3-1 22:30
行家里手了
因为不会的太多，只能瞎凑合，瞎捣鼓
千羽 发表于 2022-3-1 22:31
小辣椒辛苦了，谢谢
千羽不客气啊，就是瞎玩，开心就好，你一个大图配一个音乐，非常简单的，而且这个音乐手机 ，电脑都可以听到
小辣椒 发表于 2022-3-1 22:33
谢谢黑黑，没有时间就这样玩，反正我们都不是专业的
有空再说，而且我现在用的是平板，太小不好操作，我的手肥大
千羽 发表于 2022-3-1 22:30
小辣椒的代码换图和音乐就可以吗？
你就替换就可以了，你播放器按钮是我上传的，你喜欢就用，有自己的就换自己的，没有就用这个
千羽 发表于 2022-3-1 22:28
音乐和人物都选得好，小S笑得甜美富感染力，频谱放这儿增加了动感
千羽不能和岁月比的，我是纯娱乐{:4_173:}
小辣椒 发表于 2022-3-1 22:35
你就替换就可以了，你播放器按钮是我上传的，你喜欢就用，有自己的就换自己的，没有就用这个
我马上换图和音乐试试{:4_181:}
马黑黑 发表于 2022-3-1 22:35
有空再说，而且我现在用的是平板，太小不好操作，我的手肥大
那别弄了，我们也是凑热闹，你已经这么忙，没关系，因为我瞎捣鼓的东西太多了，哈哈，你以后要习以为常{:4_170:}
小辣椒 发表于 2022-3-1 22:37
千羽不能和岁月比的，我是纯娱乐
能比啊，挺好的{:4_187:}
千羽 发表于 2022-3-1 22:39
我马上换图和音乐试试
图尺寸要换，播放器位置自己按图调整
千羽 发表于 2022-3-1 22:39
能比啊，挺好的
就岁月习惯我这样捣鼓他的东西了{:4_170:}
小辣椒，我换了图和音乐，在编辑器里看只有音乐图片和滚动的字，别的都没有{:4_203:}
小辣椒 发表于 2022-3-1 22:40
图尺寸要换，播放器位置自己按图调整
<style type="text/css">
.picBtn {
width: 46px;
height: 47px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('https://wj1.zp68.com:812/lxx/yunhua/2022/02/08/002.png') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:-200px; width:995px; top: 150px;text-align:center;">
<img alt="" src="https://pic.imgdb.cn/item/621e35792ab3f51d91f048c2.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
<div style="position:absolute; width:270px; left:70px; top: 450px; text-align:center;">
<center >
<p ><font color="#FFFFFF" size="4" >
<marqueescrollamount="4" direction="left" >谢谢小辣椒的精彩美帖</marquee>
<p><audio id="music" src="http://other.web.rx01.sycdn.kuwo.cn/resource/n1/39/85/2940320448.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('https://wj1.zp68.com:812/lxx/yunhua/2022/02/08/002.png')") : (mu.pause(), btn.style.background="url('https://wj1.zp68.com:812/lxx/yunhua/2022/02/08/001.png')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('https://wj1.zp68.com:812/lxx/yunhua/2022/02/08/001.png')";
})
</script>
<br><br><br><br><br><br><br><br><br><br>
千羽 发表于 2022-3-1 22:53
我把代码发给你看看
千羽，你这个是好的，就图片上传链接是http，花潮看不见的，现在我给你图片重新上传了，现在你进去看看，给你加了个图片top: 150px; ，后面加了几个隔行码