如何将分离的JS文件，CSS文件和HTML文件合并在一起？

Question

我是JavaScript的新手。我需要一个CSS文本动画来设置我的网站的一部分。在这里，我发现了一个有吸引力的动画link is in the 3rd comment because stackoverflow doesn't allow me to put the link here (keep showing an error)

当我复制这些HTML代码，CSS代码和JS代码并创建包含它们的网页时，它无法正常工作。其实没有任何动画。

如何解决此问题？

Answer 1

适用于javascript

制作脚本标记并复制它之间的所有JavaScript。

<script>...</script>

对于css

制作样式标记并复制它之间的所有CSS。

<style>...</style>

要解决您的问题，请仔细检查您的代码，看看您是否遗漏了某些库。

codepen项目使用jquery，font-awesome等项目。这将有助于您导入其中一些。

<script src="https://use.fontawesome.com/230e98b440.js"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

Answer 2

这是一个选项：

• 在codepen.io中注册
• 转到您的链接
• 点击右下角的“导出”按钮
• 选择Export.zip
• 下载zip文件后，将其解压缩
• 打开index.html，您就会看到结果。
• 检查index.html的代码以查找缺失的代码