Javascript 为什么下面的代码会有不同的结果？

我有一个项目，我使用HTML CSS和JavaScript创建了一个虚拟工作站

代码运行平稳且完美，如下所示（减去图像）

故障计算机
html{
字体系列：courier
}
.内部{
位置：绝对位置；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：白色；
字体大小：20px；
不透明度：1.0；
}
.屏幕{
位置：固定；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：999999999999999999999999999999999999999999999999；
背景：白色；
字号：80px；
文本对齐：居中；
填充顶部：150px
}
#掩护{
职位：相对
}
#内容{
填充顶部：50px
}
运输署{
宽度：33.3%
}
桌子{
宽度：100%；
文本对齐：居中
}
.标题选举{
字体大小：60px；
过渡时间：0.5s；
线高：10px
}
.标题选举：悬停{
盒影：0 15px 19px 0 rgba（0,0,0,0.24），0 17px 50px 0 rgba（0,0,0,0.19）；
}
.头衔{
文本对齐：居中；
填充顶部：40px；
}
#标题图像{
高度：200px
}
.选择图标{
高度：120px
}
#背景图像{
位置：固定；
左：0px；
底部：0px；
宽度：100%；
z指数：-9999；
文本对齐：居中
}
#背景{
宽度：100%；
底部：0px
}
#头衔{
字体大小：60px；
字体系列：“凯蒂”；
文本对齐：居中；
线高：5px
}
#出口{
位置：固定；
底部：10px；
右：40px；
z指数：99999
}
#退出：悬停+退出文本{
字体大小：30px
}
#退出文本{
过渡时间：0.5s；
字体系列：“凯蒂”；
位置：固定；
底部：45px；
右：45px；
z指数：99999；
文本阴影：
-1px-1px 0#000，
1px-1px 0#000，
-1px 1px 0#000，
1×1×0#000；
颜色：白色；
}
#芳牛{
位置：固定；
左：0px；
顶部：0px；
宽度：200px；
高度：74px；
z指数：999999；
}
.innerTitle{
字号：80px；
文本对齐：居中
}
古德斯坦先生{
宽度：20%；
字体大小：25px；
文本对齐：对齐；
右边填充：10px；
左侧填充：10px；
}
#可引用{
边界塌陷：塌陷；
垂直对齐：底部对齐；
}
b{
字体大小：45px；
文本对齐：居中
}
.quoteImage{
高度：50px；
宽度：50px；
}
#总结{
边界：10px；
}
.引用{
颜色：黑色；
}
/*告诉容器的子容器向左浮动：*/
.floatLeft>*{
浮动：左；
右边距：5px；
}
.right>*{
浮动：对；
左边距：5px；
}
.clearfix:之前，
.clearfix:之后{
内容：“；
显示：表格；
}
.clearfix:之后{
明确：两者皆有；
}
/*结束clearfix*/
/*下面只是为了让事情更容易看，不是必需的*/
正文>div{
边缘底部：10px；
}
.人物画{
高度：140像素；
宽度：自动
}
#摘要文本{
文本对齐：居中；
字号：80px
}
.字符文本{
字体大小：25px；
}
.标签{
位置：相对位置；
左边距：120像素；
右边距：10px；
}
#总结本身{
填充：10px
}
#学校形象{
高度：290px；
宽度：自动
}
钮扣{
边界半径：50%；
背景色：#00FF04；
边框颜色：#00FF04；
颜色：白色；
字体大小：40px；
过渡时间：0.4s；
宽度：25%；
高度：80px；
}
按钮：悬停{
盒影：0 12像素16像素0 rgba（0,0,0,0.24），0 17像素50像素0 rgba（0,0,0,0.19）；
背景色：红色；
边框颜色：红色；
}
#选择权{
文本对齐：居中
}
#应用程序{
文本对齐：居中
}
#语言菜单{
不透明度：0.9；
身高：100%；
宽度：100%；
z指数：999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999；
}
故障计算机A0.1版


关于


背景


应用程序

$（文档）.ready（函数（）{
$（“.loadScreen”）.fadeOut（“慢”）
})
$（文档）.ready（函数（）{
$（“.inner”）.fadeOut（0）
$（“#退出”）.fadeOut（0）
$（“#exitText”）.fadeOut（0）
$（“#语言菜单”）.fadeOut（0）
})
$（“#关于”）。在（“单击”，函数（）{
$（“#信息”）.fadeIn（500）
$（“退出”）.fadeIn（500）
$（“#exitText”）.fadeIn（500）
$（#芳牛”）。法登（500）
$（“#背景图像”）.fadeOut（500）
})
$（“#设置”）。在（“单击”，函数（）{
美元（“#期权”）.fadeIn（500）
$（“退出”）.fadeIn（500）
$（“#exitText”）.fadeIn（500）
$（#芳牛”）。法登（500）
$（“#背景图像”）.fadeOut（500）
})
$（“#应用程序”）。在（“单击”，函数（）上）{
$（“#应用程序”）。fadeIn（500）
$（“退出”）.fadeIn（500）
$（“#exitText”）.fadeIn（500）
$（#芳牛”）。法登（500）
$（“#背景图像”）.fadeOut（500）
})
$（“html”）。在（“单击”，“退出”，函数（）上）{
$（“#退出”）。淡出（50
$(document).ready(function() {
  $(".inner").fadeOut(0)
  $("#exit").fadeOut(0)
  $("#exitText").fadeOut(0)
  $("#languageMenu").fadeOut(0)


  $("#about").on("click", function() {
    $("#info").fadeIn(500)
    $("#exit").fadeIn(500)
    $("#exitText").fadeIn(500)
    $("#fangNiu").fadeIn(500)
    $("#backgroundImage").fadeOut(500)
  })

  $("#settings").on("click", function() {
    $("#options").fadeIn(500)
    $("#exit").fadeIn(500)
    $("#exitText").fadeIn(500)
    $("#fangNiu").fadeIn(500)
    $("#backgroundImage").fadeOut(500)
  })

  $("#apps").on("click", function() {
    $("#applications").fadeIn(500)
    $("#exit").fadeIn(500)
    $("#exitText").fadeIn(500)
    $("#fangNiu").fadeIn(500)
    $("#backgroundImage").fadeOut(500)
  })

  $("html").on("click", "#exit", function() {
    $("#exit").fadeOut(500)
    $("#exitText").fadeOut(500)
    $(".inner").fadeOut(500)
    $("#fangNiu").fadeOut(500)
    $("#languageMenu").fadeOut(500)
    $("#backgroundImage").fadeIn(500)
  })

  $("#language").on("click", function() {
    $("#languageMenu").fadeIn(500)
  })

})