我需要在html页面中插入一个外部Javascript文件，其中jquery涉及到我的css文件

var当前值、下一个值、上一个值；
变量左，不透明度，比例；
var动画；
$（“.next”）。单击（函数（）{
如果（动画）返回false；
动画=真；
当前_fs=$（this.parent（）；
next_fs=$（this.parent（）.next（）；
$（“#progressbar li”）.eq（$（“字段集”）.index（next_fs））.addClass（“活动”）；
next_fs.show（）；
当前动画（{opacity:0}{
步骤：函数（现在是mx）{
比例=1-（1-现在）*0.2；
左=（现在是*50）+“%”；
不透明度=1-现在；
当前_fs.css({
“转换”：“缩放（“+scale+”），
“位置”：“绝对”
});
css（{'left'：left'opacity'：opacity}）；
}, 
持续时间：800，
完成：函数（）{
当前_fs.hide（）；
动画=假；
}, 
放松：“轻松返回”
});
});
$（“.previous”）。单击（函数（）{
如果（动画）返回false；
动画=真；
当前_fs=$（this.parent（）；
previous_fs=$（this.parent（）.prev（）；
//取消激活progressbar上的当前步进
$（“#progressbar li”）.eq（$（“字段集”）.index（当前#fs））.removeClass（“活动”）；
//显示上一个字段集
先前的_fs.show（）；
//使用样式隐藏当前字段集
当前动画（{opacity:0}{
步骤：函数（现在是mx）{
比例=0.8+（1-现在）*0.2；
左=（（1-现在）*50）+“%”；
不透明度=1-现在；
当前的_fs.css（{'left'：left}）；
以前的{'transform'：'scale（'+scale+'），'opacity'：opacity}）；
}, 
持续时间：800，
完成：函数（）{
当前_fs.hide（）；
动画=假；
}, 
放松：“轻松返回”
});
});
$（“.submit”）。单击（函数（）{
返回false；
})

/*自定义字体*/
@导入url(http://fonts.googleapis.com/css?family=Montserrat);
/*基本重置*/
*{边距：0；填充：0；}
html{
身高：100%；
/*仅映像BG回退*/
/*背景=渐变+图像模式组合*/
背景：
线性梯度（rgba（196,102,0,0.6），rgba（155,89,182,0.6））；
}
身体{
字体系列：蒙特塞拉特、arial、verdana；
}
/*表单样式*/
#msform{
宽度：400px；
保证金：50px自动；
文本对齐：居中；
位置：相对位置；
}
#msform字段集{
背景：白色；
边界：0无；
边界半径：3px；
盒影：0.15px 1px rgba（0,0,0,0.4）；
填充：20px 30px；
框大小：边框框；
宽度：80%；
利润率：0.10%；
/*将场集堆叠在彼此上方*/
位置：相对位置；
}
/*隐藏除第一个字段集以外的所有字段集*/
#msform字段集：非（：类型的第一个）{
显示：无；
}
/*投入*/
#msform输入，#msform文本区域{
填充：15px；
边框：1px实心#ccc；
边界半径：3px；
边缘底部：10px；
宽度：100%；
框大小：边框框；
字体系列：蒙特塞拉特；
颜色：#2C3E50；
字体大小：13px；
}
/*钮扣*/
#msform.action按钮{
宽度：100px；
背景：#27AE60；
字体大小：粗体；
颜色：白色；
边界：0无；
边界半径：1px；
光标：指针；
填充：10px 5px；
利润率：10px 5px；
}
#msform.action按钮：悬停，#msform.action按钮：焦点{
盒影：0 2倍白色，0 0 3倍#27AE60；
}
/*标题*/
.fs标题{
字体大小：15px；
文本转换：大写；
颜色：#2C3E50；
边缘底部：10px；
}
.fs副标题{
字体大小：正常；
字体大小：13px；
颜色：#666；
边缘底部：20px；
}
/*进度条*/
#进度条{
边缘底部：30px；
溢出：隐藏；
/*CSS计数器对步骤进行编号*/
计数器复位：步骤；
}
#李国宝{
列表样式类型：无；
颜色：白色；
文本转换：大写；
字体大小：9px；
宽度：33.33%；
浮动：左；
位置：相对位置；
}
#李：以前{
内容：计数器（步骤）；
反增量：步进；
宽度：20px；
线高：20px；
显示：块；
字体大小：10px；
颜色：#333；
背景：白色；
边界半径：3px；
保证金：0自动5px自动；
}
/*progressbar连接器*/
#李：之后呢{
内容：''；
宽度：100%；
高度：2倍；
背景：白色；
位置：绝对位置；
左-50%；
顶部：9px；
z索引：-1；/*将其放在数字后面*/
}
#李：第一个孩子：之后{
/*第一步之前不需要接头*/
内容：无；
}
/*将活动/完成的步骤标记为绿色*/
/*台阶和台阶前的接头编号=绿色*/
#progressbar li.活动：之前，#progressbar li.活动：之后{
背景：#27AE60；
颜色：白色；
}

帐户设置
社会概况
个人资料

创建您的数据
这是第一步
社会概况
你在社交网络上的存在
个人资料
我们永远不会卖掉它

• 检查拼写-确保文件名中没有拼写错误
• 使用“CTRL+F5”刷新网页
• 打开你的网页->查看源代码->点击js文件的链接，检查是否找到了它
• 检查拼写-确保文件名中没有拼写错误
• 使用“CTRL+F5”刷新网页
• 打开你的网页->查看源代码->点击js文件的链接，检查是否找到了它

---

尝试将脚本标记放在正文标记的末尾。如果registration.js中的脚本尝试使用正文中的任何元素，则会出现错误。另一种方法是将回调函数传递给window.onload
尝试将script标记放在body标记的末尾。如果registration.js中的脚本尝试使用正文中的任何元素，则会出现错误。另一种方法是将回调函数传递给窗口。onload
jQuery是否也位于同一文件夹中？您是否收到任何控制台错误？Javascript的代码是否在

$（document.ready（）

？只是

console.log（'Hello World'）

以确保脚本正在执行。另外，在您喜爱的浏览器中的“开发人员工具”中的“网络”下查看。

registration.js

的服务器代码是什么