马黑黑 发表于 2022-1-28 12:21

绿叶清舟 发表于 2022-1-27 19:46
奇怪了这里还试不出来了

代码不齐全，缺胳膊少腿的。现在改了个大概了，有空看一下代码

马黑黑 发表于 2022-1-28 12:24

34#救活了，很费劲

绿叶清舟 发表于 2022-1-28 18:45

马黑黑 发表于 2022-1-28 11:45
这个帖子第二页异常了

是啊，昨天发完就发现下面的都没有了，退出编辑了也没用

绿叶清舟 发表于 2022-1-28 18:47

马黑黑 发表于 2022-1-28 11:45
这个帖子第二页异常了



<style type="text/css">因为缺了这个收尾的原因吗

马黑黑 发表于 2022-1-28 20:05

绿叶清舟 发表于 2022-1-28 18:47
因为缺了这个收尾的原因吗

异常是因为 CSS 有起头的 <style> 没有收尾的 </style>
不正常渲染是代码不完整

马黑黑 发表于 2022-1-28 20:06

绿叶清舟 发表于 2022-1-28 18:45
是啊，昨天发完就发现下面的都没有了，退出编辑了也没用

也怪我那里的代码不完整，被 code 模块吞掉，我有说明的

绿叶清舟 发表于 2022-1-28 20:12

马黑黑 发表于 2022-1-28 20:05
异常是因为 CSS 有起头的没有收尾的
不正常渲染是代码不完整

以为父框只有个背景的，所以下面看到父框二字的代码就给省略了

绿叶清舟 发表于 2022-1-28 20:14

马黑黑 发表于 2022-1-28 20:06
也怪我那里的代码不完整，被 code 模块吞掉，我有说明的

看到的啊，复制的是下面贴出来的代码了，可能漏了最后一行的

绿叶清舟 发表于 2022-1-28 20:44

本帖最后由 马黑黑 于 2022-1-31 13:29 编辑 <br /><br /><style type="text/css">
       .btn-ro {
      width: 8px; height: 8px;
      background: white;
      border: 13px solid;
      border-color: #000000 #888888;
      border-radius: 50%;
      box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      animation: rol linear 2s infinite;
}

.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }
</style>

<!-- 帖子 html 代码开始，暗绿色代码中的div是你的帖子容器，代码不一定是酱紫的，我只是举例 -->

<div style="position:relative;left:-304px;top:80px;width:1024px;">
      <!-- 你的帖子内容 -->
      <!--按钮HTML代码应放于帖子内容某处，位置如果不合适可通过 style="position:relative;..." 定位 -->
        <div class="btn-ro"></div>
</div>
<!-- audio播放器可放在帖子代码的最后一行 -->

<audio id="ymusic" src="音乐地址" autoplay="autoplay" loop="loop"></audio>

<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>

绿叶清舟 发表于 2022-1-28 20:44

怎么又歪了啊

绿叶清舟 发表于 2022-1-28 21:11


<style type="text/css">
      .btn-ro {
      width: 8px; height: 8px;
      background: white;
      border: 13px solid;
      border-color: #000000 #888888;
      border-radius: 50%;
      box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      animation: rol linear 2s infinite;
}

.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }

</style>

<!-- 帖子 html 代码开始，暗绿色代码中的div是你的帖子容器，代码不一定是酱紫的，我只是举例 -->

<div styl="position:relative;left:-304px;top:80px;width:1024px;">
      <!-- 你的帖子内容 -->
      <!--按钮HTML代码应放于帖子内容某处，位置如果不合适可通过 style="position:relative;..." 定位 -->
</div>
<!-- audio播放器可放在帖子代码的最后一行 -->

<audio id="ymusic" src="音乐地址" autoplay="autoplay" loop="loop"></audio>

<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>

马黑黑 发表于 2022-1-28 21:27

绿叶清舟 发表于 2022-1-28 20:14
看到的啊，复制的是下面贴出来的代码了，可能漏了最后一行的

现在我改过了

马黑黑 发表于 2022-1-28 21:27

绿叶清舟 发表于 2022-1-28 20:12
以为父框只有个背景的，所以下面看到父框二字的代码就给省略了

那可不行，人家是相互依赖的

绿叶清舟 发表于 2022-1-29 21:38


<style type="text/css">
      .btn-ro {
      width: 8px; height: 8px;
      background: white;
      border: 13px solid;
      border-color: #000000 #888888;
      border-radius: 50%;
      box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      animation: rol linear 2s infinite;
}

.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }

</style>

<!-- 帖子 html 代码开始，暗绿色代码中的div是你的帖子容器，代码不一定是酱紫的，我只是举例 -->

<div styl="position:relative;left:-304px;top:80px;width:1024px;">
      <!-- 你的帖子内容 -->
      <!--按钮HTML代码应放于帖子内容某处，位置如果不合适可通过 style="position:relative;..." 定位 -->
</div>
<!-- audio播放器可放在帖子代码的最后一行 -->

<audio id="ymusic" src="音乐地址" autoplay="autoplay" loop="loop"></audio>

<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>

绿叶清舟 发表于 2022-1-30 19:45

本帖最后由 马黑黑 于 2022-1-31 13:17 编辑 <br /><br /><style type="text/css">
/* 旋转按钮二         仿光盘 34*34
    利用 borderr-color 着背景色
    HTML代码：<div id="btn-ro" class="btn-ro"></div>
*/
.btn-ro {
      width: 8px; height: 8px;
      background: white;
      border: 13px solid;
      border-color: orange green;
      border-radius: 50%;
      box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      animation: rol linear 2s infinite;
}

.btn-ro:hover { opacity: 0.8; }
.btn-ro:active { opacity: 1; }

@keyframes rol { to { transform:rotate(360deg); } }

</style>


<audio id="ymusic" src="http://music.163.com/song/media/outer/url?id=1810182241.mp3" autoplay="autoplay" loop="loop"></audio>

<div class="btn-ro"></div>

<script>
var mu = document.getElementById('ymusic');
var mbtn = document.getElementById('btn-ro');
mu.autoplay ? mbtn.style.animationPlayState="running" : mbtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ mbtn.style.animationPlayState="paused"; })
mbtn.onclick = function(){ mu.paused ? (mu.play(), mbtn.style.animationPlayState="running") : (mu.pause(), mbtn.style.animationPlayState="paused"); }
</script>

马黑黑 发表于 2022-1-31 13:32

49楼弄的楼歪：JS没弄好。
其他错误：按钮代码根本木有。

楼扶正了，其他自己体会。

绿叶清舟 发表于 2022-1-31 22:59

马黑黑 发表于 2022-1-31 13:32
49楼弄的楼歪：JS没弄好。
其他错误：按钮代码根本木有。



我加了代码的啊，可是不显示但音乐能听到

马黑黑 发表于 2022-1-31 23:21

绿叶清舟 发表于 2022-1-31 22:59
我加了代码的啊，可是不显示但音乐能听到

音乐是独立的

绿叶清舟 发表于 2022-1-31 23:33

马黑黑 发表于 2022-1-31 13:32
49楼弄的楼歪：JS没弄好。
其他错误：按钮代码根本木有。



51楼的那个不行吗，只改了二个颜色的啊

马黑黑 发表于 2022-1-31 23:34

绿叶清舟 发表于 2022-1-31 23:33
51楼的那个不行吗，只改了二个颜色的啊

其实，仔细看看代码，不是有缺漏，就是有小错误
页: 1 2 [3] 4 5
查看完整版本: 开个作业贴