重写:导航链接图像按钮效果

REWRITE: Navlinks Image Button Effect

本文关键字:按钮 图像 链接 导航 重写      更新时间:2023-09-26

我之前的问题得到了帮助,可以用JavaScript用导航栏创建不断变化的导航链接。现在我需要在同一个JavaScript中自动创建按钮。这就是我所拥有的,这就是代码所创建的,带有CSS和html输出。http://jsfiddle.net/k35wawyg/2/

应该发生什么

应该发生的是,按钮出现在右上角,但似乎不起作用。此外,按钮应该与JavaScript src链接,放在带有的HTML中

<div id="navigation">
    <div class="navlinks">
        <div id="output2">
        </div>
    </div>
    <script src="nav.js">
</div>

实际发生了什么

正如您在JSFiddle中看到的,它们位于NavBar下,彼此相对,单击它将使其输出控制台错误:

Uncaught ReferenceError: execFunction() is not defined

请帮忙。由于JSFIDDLE请求,我重写了这个问题。

我认为您的片段中存在许多问题。我已经修改了代码,这里有一个新的jsFiddle,现在似乎可以工作了。因为我更改了太多东西,所以我不能在这里列出它们,但如果你将新代码与现有代码进行比较,希望它会变得清晰。

jsFiddle

可能最大的变化是调用函数的方式:

<a onclick="execFunction2();">