Html 下拉菜单不工作_Html_Css_Web_Dreamweaver

Html 下拉菜单不工作

html css web

Html 下拉菜单不工作,html,css,web,dreamweaver,Html,Css,Web,Dreamweaver,我正在为我的家族企业制作一个网站，我正在尝试让下拉菜单正常工作。我正在尝试将“工厂列表”项目链接到“工厂列表简介”页面，然后我希望它下拉并显示我希望它链接到的其他页面在使用扩展之前，我设法让它工作，但即使我在扩展上编辑模板，它也会弄乱我的网页设计这是我正在处理的一个页面中的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hocklynn

我正在为我的家族企业制作一个网站，我正在尝试让下拉菜单正常工作。我正在尝试将“工厂列表”项目链接到“工厂列表简介”页面，然后我希望它下拉并显示我希望它链接到的其他页面

在使用扩展之前，我设法让它工作，但即使我在扩展上编辑模板，它也会弄乱我的网页设计

这是我正在处理的一个页面中的代码

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>Hocklynn Index</title>
    <meta name="author" content="Ralph Phillips">
    <script src="../css/stylesheet.js" type="text/javascript"></script>
<style type="text/css">
@import url("../css/stylesheet.css");
</style>
</head>
<body>
<div class="header">
    <div class="wrapper">
        <img src="../images/Hocklynn Logo/Hocklynn-Logo-High-Rez.png" width="351" height="91" alt="" class="header-logo" />
        <div class="header-meta">
            <p>Tel: 0117 951 7572</p>
            <p>Fax: 0117 951 601</p>
            <p>Email: info@hocklynn.co.uk</p>
        </div>
     </div>
</div>
<div class="AJXCSSMenufBJaaQC">
   <!-- AJXFILE:../css/stylesheet.css -->
     <ul class="wrapper">
        <li><a href="index.html">Home</a></li>
        <li><a href="About.html">About&nbsp;Us</a></li>
        <li><a class="ajxsub" href="Plant List Intro.html">Plant&nbsp;List</a>
        <ul>
          <li><a href="Plant%20List%20Laser.html">Laser</a></li>
            <li><a href="Plant%20List%20Press%20Brake.html">Press Brake</a></li>
            <li><a href="#">Welding</a></li>
            <li><a href="Plant%20List%20-%20Other.html">Other Plant</a></li>
         </ul>
         </li>
         <li><a href="Products.html">Products</a></li>
         <li><a href="CAD%20Facilities.html">CAD&nbsp;Facilities</a></li>
         <li><a href="contact.html">Contact&nbsp;Us</a></li>
    </ul>
</div>

<div class="wrapper">
    <div class="content">
      <img src="../images/Sheet Metal Fabrication.jpg" class="max-width" />
    </div>
</div>

</body>
</html>

下面是我的代码的一个示例。

不要将脚本src作为src=../css/stylesheet.js和导入url../

给出文件所在的确切路径名，即src=http://projectfolder/yourcssfolder/filename.js 我同意黑豹的评论。我想建立一个下拉菜单（如您提供的html标记所示）最常用的方法是通过css隐藏子菜单列表，它可能看起来有点像这样：

.ajxsub ul { display: none; }

在相应的.js文件中，可能会出现如下切换

$(".ajxsub").click(function () {
    $( ".ajxsub ul" ).toggle();
});

请注意，我在这里使用jQuery。您需要在html文件中实现jQuery

另外：由于时间不够，我只是在没有测试的情况下很快写下了这篇文章。。。这只是解决问题的一种方法，还有很多方法。

问题在CSS中，请添加它。奇怪的是，我现在已经添加了我的CSS代码。我的CSS即使没有路径也能正常工作，但我正在尝试让下拉菜单正常工作。我希望工厂列表页面转到介绍页面，然后用户单击下拉菜单，他们将能够访问那里的页面。我使用了一些Adobe扩展来创建导航栏，然后我将其编辑成我想要的页面外观，现在下拉部分不起作用。

$(".ajxsub").click(function () {
    $( ".ajxsub ul" ).toggle();
});