我是一个自学的程序员,如果有人能给我一些关于如何让我从codepen下载的以下六边形动画菜单(链接:http://codepen.io/web-tiki/pen/WvNQpG)正常工作的建议,我将不胜感激。现在我已经创建了三个文件:hexmenu.html、hexmenu.css和hexmenu.js,当然都在同一个文件夹中。但是,当我在每个文件中粘贴来自codepen的代码时,菜单似乎无法工作。我的文件头连接js和css的方式如下:
现在,所有来自codepen的HTML代码都在标签中; CSS在hexmenu.css文件中,JavaScript在hexmenu.js文件中。每个文件都是直接从codepen中复制粘贴而来的且未经修改(这些文件中没有其他内容!),因此我对为什么这不起作用感到有些困惑。有什么建议吗?CSS文档似乎是有效的,但我认为JavaScript方面出了问题。有人能告诉我缺少什么吗?我甚至创建了一个jsfiddle来检查代码本身是否工作正常,并且一切都顺利运行。但是,当我将文件放在桌面上并在Google Chrome和Firefox上运行它时,菜单无法打开...现在非常需要一个简单的修复!我想我作为一个初学者,在这里可能会错过一些明显的东西...
<!DOCTYPE html>
<head>
<html lang="en">
<meta charset="UTF-8" />
<title>PASSION DEVELOPMENT PROJECT</title>
<link href="hexmenu.css" rel="stylesheet" type="text/css" />
<script src="hexmenu.js" ></script>
</head>
现在,所有来自codepen的HTML代码都在标签中; CSS在hexmenu.css文件中,JavaScript在hexmenu.js文件中。每个文件都是直接从codepen中复制粘贴而来的且未经修改(这些文件中没有其他内容!),因此我对为什么这不起作用感到有些困惑。有什么建议吗?CSS文档似乎是有效的,但我认为JavaScript方面出了问题。有人能告诉我缺少什么吗?我甚至创建了一个jsfiddle来检查代码本身是否工作正常,并且一切都顺利运行。但是,当我将文件放在桌面上并在Google Chrome和Firefox上运行它时,菜单无法打开...现在非常需要一个简单的修复!我想我作为一个初学者,在这里可能会错过一些明显的东西...