设为首页收藏本站
开启辅助访问 切换到宽版 登录 立即注册 QQ登录

花潮论坛

搜索
热搜: 活动 交友 discuz
12下一页
返回列表 发新帖
查看: 351|回复: 27

作业—我睡在你眼睛的沙漠里（按钮学习）

[复制链接]
红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-1-17 13:25 | 显示全部楼层 |阅读模式

    请马上登录，朋友们都在花潮里等着你哦：）

    您需要 登录 才可以下载或查看，没有账号？立即注册

    x








    我睡在你眼睛的沙漠里

    评分

    参与人数 2威望 +80 金钱 +160 经验 +80 收起 理由
    小辣椒 + 50 + 100 + 50 赞一个!
    岩新新 + 30 + 60 + 30 赞一个!

    查看全部评分

    　
    回复

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 13:26 | 显示全部楼层
    发现按钮按了没反应了，呵呵，就先让它自动播放吧。否则按不出音乐来了
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 13:46 | 显示全部楼层
    红影 发表于 2022-1-17 13:26
    发现按钮按了没反应了，呵呵，就先让它自动播放吧。否则按不出音乐来了

    我看了下代码，有两个错误：

    第一，两个 div 没有结束符 </div>，你必须在最后加上 </div></div>；
    第二，你的代码中第二行多了一个 <body>，估计是在本地写代码时写在了它的上面，这是不可以的，帖子里要删掉它。记好：所以的要显示给访客看的东东代码必须写在 <body>和</body>之间。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 13:47 | 显示全部楼层
    两个div结束符可以加载最后，也可以加载 JS 代码开始的上一行（建议）
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 14:05 | 显示全部楼层
    马黑黑 发表于 2022-1-17 13:46
    我看了下代码，有两个错误：

    第一，两个 div 没有结束符 ，你必须在最后加上 ；

    改了，按钮还是按不动
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 14:21 | 显示全部楼层
    红影 发表于 2022-1-17 14:05
    改了，按钮还是按不动

    我再看了看，才发现是折行问题导致的，代码中有些地方是不可以折行的，有些可以。折行不是人为的，就是编辑器弄的。注意，编写代码最好不要让微软记事本自动折行，Emeditor没有关系。我把代码重新组织了一下：
    1. <style type="text/css">
    2. .picBtn {
    3.         width: 32px;
    4.         height: 32px;
    5.         border: none;
    6.         border-radius: 8px;
    7.         background: transparent url('https://pic.imgdb.cn/item/61e430692ab3f51d916a100c.png') no-repeat;
    8.         cursor: pointer;
    9.         outline: none;
    10.         box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
    11. }

    13. .picBtn:hover {
    14.         opacity: 0.95;
    15.         box-shadow: 1px 1px 2px 2px rgba(0,0,255,.3);
    16. }

    18. #picBtn:active {
    19.         opacity: 0.8;
    20.         box-shadow: 0px 1px 1px 1px rgba(0,0,255,.5);
    21. }

    23. </style>

    25. <div style="position:relative;top:-140px;left: -280px">
    26.   <div style="position: relative;">
    27. <p><audio id="music" src="https://www.80wp.com/wj/30567/699e232f0afff874eed24fa822782b70.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
    28. <button id="picBtn" class="picBtn"></button>

    30.   </div>
    复制代码


    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 14:27 | 显示全部楼层
    马黑黑 发表于 2022-1-17 14:21
    我再看了看，才发现是折行问题导致的，代码中有些地方是不可以折行的，有些可以。折行不是人为的，就是编 ...

    哦哦，你说的折行就是自动换行吧，原来这个也会有影响。明白了。辛苦黑黑
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 14:28 | 显示全部楼层
    红影 发表于 2022-1-17 14:27
    哦哦，你说的折行就是自动换行吧，原来这个也会有影响。明白了。辛苦黑黑

    这个怎么说呢，win7的记事本会这样，我专门试过的。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 14:30 | 显示全部楼层
    win7的记事本自动换行是可能会将它自动换行的换行符带进目标环境
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 14:46 | 显示全部楼层
    马黑黑 发表于 2022-1-17 14:30
    win7的记事本自动换行是可能会将它自动换行的换行符带进目标环境

    嗯嗯，带入换行符，怪不得会让代码出问题。很多东西看不见摸不着，却是暗中起着作用。
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 14:47 | 显示全部楼层
    红影 发表于 2022-1-17 14:46
    嗯嗯，带入换行符，怪不得会让代码出问题。很多东西看不见摸不着，却是暗中起着作用。

    还有一个问题：按下按钮按钮图样没响应，不变换。我再查原因。
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 14:47 | 显示全部楼层
    马黑黑 发表于 2022-1-17 14:28
    这个怎么说呢，win7的记事本会这样，我专门试过的。

    把你的那段代码替换进去了，按钮还是有问题，估计我这样胡乱拼接的代码有东西和语句冲突了。
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 15:01 | 显示全部楼层
    红影 发表于 2022-1-17 14:47
    把你的那段代码替换进去了，按钮还是有问题，估计我这样胡乱拼接的代码有东西和语句冲突了。

    主要是代码要分开，CSS的合放一块，接着是HTML，再接着才是 JS，按这个顺序。

    另外，JS的任何改动都要注意，小小的问题都会引发不正常的现象发生。像不能换按钮，我查看了，还是记事本自动换行带来的，我取消这些自动换行时，没注意他还有一个空格，就是JS代码中 url(...) 变成了 url (...)，结果JS不识别图片地址。

    强烈建议不要使用微软的记事本写代码，它不专业。

    完整的代码放在下楼，你再试试。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 15:02 | 显示全部楼层
    修正的完整代码：
    1. <style type="text/css">
    2. .picBtn {
    3.         width: 32px;
    4.         height: 32px;
    5.         border: none;
    6.         border-radius: 8px;
    7.         background: transparent url('https://pic.imgdb.cn/item/61e430692ab3f51d916a100c.png') no-repeat;
    8.         cursor: pointer;
    9.         outline: none;
    10.         box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
    11. }

    13. .picBtn:hover {
    14.         opacity: 0.95;
    15.         box-shadow: 1px 1px 2px 2px rgba(0,0,255,.3);
    16. }

    18. #picBtn:active {
    19.         opacity: 0.8;
    20.         box-shadow: 0px 1px 1px 1px rgba(0,0,255,.5);
    21. }

    23. </style>

    25. <div style="position:relative;top:-140px;left: -280px;">
    26.         <div style="position: relative;">
    27.                 <p><audio id="music" src="https://www.80wp.com/wj/30567/699e232f0afff874eed24fa822782b70.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
    28.                 <button id="picBtn" class="picBtn"></button>
    29.         </div>
    30. </div>

    32. <script language="javascript">

    34. var mu = document.getElementById('music');
    35. var btn = document.getElementById('picBtn');

    37. btn.onclick = function(){
    38.         mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/61e430692ab3f51d916a100c.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/61e4301b2ab3f51d9169d5eb.png')");
    39. }

    41. mu.addEventListener("ended", function(){
    42.         btn.style.background="url('https://pic.imgdb.cn/item/61e4301b2ab3f51d9169d5eb.png')";
    43. })

    45. </script>
    复制代码


    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 15:46 | 显示全部楼层
    @红影  前面没有理清帖子的思路，有错漏。研究了一下，弄懂方向后，再整理一下代码，这样应该可以了：
    1. <style type="text/css">
    2. .picBtn {
    3.         width: 32px;
    4.         height: 32px;
    5.         border: none;
    6.         border-radius: 8px;
    7.         background: transparent url('https://pic.imgdb.cn/item/61e430692ab3f51d916a100c.png') no-repeat;
    8.         cursor: pointer;
    9.         outline: none;
    10.         box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
    11. }

    13. .picBtn:hover {
    14.         opacity: 0.95;
    15.         box-shadow: 1px 1px 2px 2px rgba(0,0,255,.3);
    16. }

    18. #picBtn:active {
    19.         opacity: 0.8;
    20.         box-shadow: 0px 1px 1px 1px rgba(0,0,255,.5);
    21. }

    23. </style>

    25. <div style="position: relative; left:-200px; width:1026px;text-align:center;">
    26.         <img alt="" src="https://pic.imgdb.cn/item/61e439062ab3f51d91709901.jpg" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
    27.         <div style="position:absolute; width:200px; left:100px; top: 420px; text-align:center;">
    28.                 <marquee  scrollamount="2" direction="left" >我睡在你眼睛的沙漠里</marquee>
    29.                 <p><audio id="music" src="https://www.80wp.com/wj/30567/699e232f0afff874eed24fa822782b70.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
    30.                 <button id="picBtn" class="picBtn"></button>
    31.         </div>
    32. </div>

    34. <script language="javascript">

    36. var mu = document.getElementById('music');
    37. var btn = document.getElementById('picBtn');

    39. btn.onclick = function(){
    40.         mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/61e430692ab3f51d916a100c.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/61e4301b2ab3f51d9169d5eb.png')");
    41. }

    43. mu.addEventListener("ended", function(){
    44.         btn.style.background="url('https://pic.imgdb.cn/item/61e4301b2ab3f51d9169d5eb.png')";
    45. })

    47. </script>
    复制代码

    评分

    参与人数 3威望 +130 金钱 +260 经验 +130 收起 理由
    小辣椒 + 50 + 100 + 50 赞一个!
    加林森 + 30 + 60 + 30 赞一个!
    红影 + 50 + 100 + 50 赞一个!

    查看全部评分

    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 15:49 | 显示全部楼层
    @红影 效果在这：https://www.huachaowang.com/foru ... hread&tid=56143
    还可以左移一点点





    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 16:19 | 显示全部楼层
    马黑黑 发表于 2022-1-17 15:01
    主要是代码要分开，CSS的合放一块，接着是HTML，再接着才是 JS，按这个顺序。

    另外，JS的任何改动都要 ...

    “主要是代码要分开，CSS的合放一块，接着是HTML，再接着才是 JS，按这个顺序。”

    嗯嗯，记下了，不能混乱排放。谢谢黑黑，辛苦了
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 16:22 | 显示全部楼层
    马黑黑 发表于 2022-1-17 15:46
    @红影  前面没有理清帖子的思路，有错漏。研究了一下，弄懂方向后，再整理一下代码，这样应该可以了：

    这个弄得非常清晰。学习了。下回要在图片里使用按钮就用这个做标准模板了
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-1-17 16:23 | 显示全部楼层
    马黑黑 发表于 2022-1-17 15:49
    @红影 效果在这：https://www.huachaowang.com/forum.php?mod=viewthread&tid=56143
    还可以左移一点点

    不用移了，已经非常完美了，按钮在那个帖子里能按了
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-16 08:52

    • 签到天数: 1671 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-1-17 17:42 | 显示全部楼层
    红影 发表于 2022-1-17 16:23
    不用移了，已经非常完美了，按钮在那个帖子里能按了

    回复 支持 反对

    使用道具 举报

    下一页 »
    12下一页
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持：DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2025-12-16 18:46 , Processed in 0.079780 second(s), 25 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表