设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › 关于第012讲课后作业的疑问
返回列表 发新帖
查看: 3174|回复: 8

[已解决]关于第012讲课后作业的疑问

[复制链接]
随~心
发表于 2019-10-30 10:38:18 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

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

x
我的代码和参考答案一样为什么最终效果不同呢？代码如下：
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
  7.     <meta name="description" content="《零基础入门学习Web开发》案例演示">
  8.     <meta name="author" content="鱼C工作室">
  9.        
  10.         <link rel="stylecheet" type="text/css" href="css/basic.css">
  11.        
  12.     <title>鱼C超级折叠帘</title>
  13. </head>
  14. <body>
  15.     <section class="demo">
  16.         <!--定义列表-->
  17.         <dl class="list red">
  18.             <dd><a href="https://ilovefishc.com/" target="_blank">鱼C工作室</a></dd>
  19.             <dd><a href="https://ilovefishc.com/" target="_blank">C／C++交流</a></dd>
  20.             <dd><a href="https://ilovefishc.com/" target="_blank">Python交流</a></dd>
  21.             <dd><a href="https://ilovefishc.com/" target="_blank">数据结构与算法</a></dd>
  22.             <dd><a href="https://ilovefishc.com/" target="_blank">Windows程序设计</a></dd>
  23.             <dd><a href="https://ilovefishc.com/" target="_blank">Web开发</a></dd>
  24.             <dd><a href="https://ilovefishc.com/" target="_blank">哇！Linux</a></dd>
  25.             <dd><a href="https://ilovefishc.com/" target="_blank">汇编语言交流</a></dd>
  26.             <dd><a href="https://ilovefishc.com/" target="_blank">Java语言交流</a></dd>
  27.             <dd><a href="https://ilovefishc.com/" target="_blank">小天才养殖场</a></dd>
  28.         </dl>
  29.         <dl class="list yellow">
  30.             <dd><a href="https://ilovefishc.com/" target="_blank">鱼C工作室</a></dd>
  31.             <dd><a href="https://ilovefishc.com/" target="_blank">C／C++交流</a></dd>
  32.             <dd><a href="https://ilovefishc.com/" target="_blank">Python交流</a></dd>
  33.             <dd><a href="https://ilovefishc.com/" target="_blank">数据结构与算法</a></dd>
  34.             <dd><a href="https://ilovefishc.com/" target="_blank">Windows程序设计</a></dd>
  35.             <dd><a href="https://ilovefishc.com/" target="_blank">Web开发</a></dd>
  36.             <dd><a href="https://ilovefishc.com/" target="_blank">哇！Linux</a></dd>
  37.             <dd><a href="https://ilovefishc.com/" target="_blank">汇编语言交流</a></dd>
  38.             <dd><a href="https://ilovefishc.com/" target="_blank">Java语言交流</a></dd>
  39.             <dd><a href="https://ilovefishc.com/" target="_blank">小天才养殖场</a></dd>
  40.         </dl>
  41.                 <dl class="list green">
  42.                         <dd><a href="https://ilovefishc.com/" target="_blank">鱼C工作室</a></dd>
  43.                         <dd><a href="https://ilovefishc.com/" target="_blank">C／C++交流</a></dd>
  44.             <dd><a href="https://ilovefishc.com/" target="_blank">Python交流</a></dd>
  45.             <dd><a href="https://ilovefishc.com/" target="_blank">数据结构与算法</a></dd>
  46.             <dd><a href="https://ilovefishc.com/" target="_blank">Windows程序设计</a></dd>
  47.             <dd><a href="https://ilovefishc.com/" target="_blank">Web开发</a></dd>
  48.             <dd><a href="https://ilovefishc.com/" target="_blank">哇！Linux</a></dd>
  49.             <dd><a href="https://ilovefishc.com/" target="_blank">汇编语言交流</a></dd>
  50.             <dd><a href="https://ilovefishc.com/" target="_blank">Java语言交流</a></dd>
  51.             <dd><a href="https://ilovefishc.com/" target="_blank">小天才养殖场</a></dd>
  52.                 </dl>
  53.         <a href="#" class="toggle">展开/折叠</a>
  54.     </section>
  55.         <script type="text/javascript" src="js/jquery.min.js"></script>
  56.         <script type="text/javascript" src="js/makisu.js"></script>
  57.         <script type="text/javascript" src="js/fishc.js"></script>

  59. </body>
  60. </html>
复制代码
我的 批注 2019-10-30 103126.png
小甲鱼的 批注 2019-10-30 103232.png

求大佬解答
最佳答案
月排行榜 / 总排行榜
yuweb
2019-10-30 17:16:18
本帖最后由 yuweb 于 2019-10-30 17:19 编辑

是的，basic.css没加载到，stylecheet写错了
<link rel="stylecheet" type="text/css" href="css/basic.css">
改成
<link rel="stylesheet" type="text/css" href="css/basic.css">
试试，不行的话截图你的文件夹部署看看
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

121123
发表于 2019-10-30 10:56:26 | 显示全部楼层
js是不是有问o.
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

随~心
 楼主| 发表于 2019-10-30 11:10:54 | 显示全部楼层
121123 发表于 2019-10-30 10:56
js是不是有问o.

我css文件和js文件都没有修改过，只是在html里引用
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

121123
发表于 2019-10-30 11:26:14 | 显示全部楼层
<a href="#" class="toggle">展开/折叠</a>

这个要改吧，我晚上回去看下。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

yuweb
发表于 2019-10-30 11:50:54 | 显示全部楼层
按f12看看css和js文件有没有都加载进来
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

随~心
 楼主| 发表于 2019-10-30 14:34:57 | 显示全部楼层
yuweb 发表于 2019-10-30 11:50
按f12看看css和js文件有没有都加载进来

批注 2019-10-30 143009.png

是这样看吗？我看不懂啥意思
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

yuweb
发表于 2019-10-30 17:16:18 | 显示全部楼层    本楼为最佳答案   
本帖最后由 yuweb 于 2019-10-30 17:19 编辑

是的，basic.css没加载到，stylecheet写错了
<link rel="stylecheet" type="text/css" href="css/basic.css">
改成
<link rel="stylesheet" type="text/css" href="css/basic.css">
试试，不行的话截图你的文件夹部署看看

评分

参与人数 1鱼币 +5 收起 理由
随~心 + 5

查看全部评分

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

随~心
 楼主| 发表于 2019-10-30 18:08:35 | 显示全部楼层
yuweb 发表于 2019-10-30 17:16
是的，basic.css没加载到，stylecheet写错了

改成

是我自己zz了，打错函数了
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

哪里都有欧文
发表于 2020-5-31 21:44:29 | 显示全部楼层
为啥我动画可以正常，但是却点不开菜单的网址啊?
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-18 05:52

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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