所以，我'I’我对这个网站有两个问题;我正在努力建设.1.汉堡菜单和2.幻灯片

So, I'm having two problems with this website I'm trying to build. 1. Hamburger menu and 2.Slideshow

本文关键字：努力 幻灯片 菜单 问题 所以 网站 两个      更新时间：2023-09-26

菜单似乎不是一个点击下拉的东西，而且有两个项目放错了地方，它们似乎不会停留在父ul下。我试着用ul和li来定位它，但点不会移动，而且它似乎根本不会下拉/折叠。第二个问题是背景幻灯片，图片只会快速闪现，而不是停留一秒钟，或者只显示一张图片。这是CSS和HTML。

https://jsfiddle.net/pte8nkx9/

<div id="myslidemenu" class="jqueryslidemenu"> <br style="clear: right" />    </div>
</nav> <nav class="t3-navbar-collapse navbar-collapse collapse in">
<ul class="nav navbar-nav level0"> </ul> </li> 
<li class="dropdown">    
<a href="/index.php/features" data-toggle="dropdown" data-target="#">
<img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-plain/422/06_menu_stack-128.png" alt="Home" style="width:20px;height:20px;top:100px;"> 
<b class="caret"></b></a>

<ul class="level1 dropdown-menu">
<li>
<a href="/index.php/features/scheduling-routing">Womens </a>
</li>
<li display:display:block; float: left;>
<a href="/index.php/features/billing-invoicing">Kids</a>
</li>
<li>
<a href="/index.php/features/mobile-workforce">Mens</a>
</li>
</ul></li>
</nav>

如图所示，我试着制作一个常规的垂直菜单栏，并将顶部替换为汉堡菜单图标，以为它会下降/折叠。我基本上希望它看起来像

                                                 Icon          Shopping Cart
                                                  Item 1
                                                   Sub Item 1-1
                                                   Sub Item 1-2
                                                  Item 2
                                                  Item 3
                                                  Item 4

幻灯片在后台播放。

看看你的代码，这里有一些你可以在JSfiddle这样的编辑器中做的事情
不需要在html部分发布meta标记
没有必要发布指向css和js文件的链接。您只需将这些链接放在外部资源部分
将所有的script标记放在javascript部分中
不需要在JS fiddle中调用$(function()函数，因为DOM在JS fiidle中已自动准备好
在stackoverflow中发布代码时，不要忘记关闭标签。<ul>标记未关闭

用js fiddle做这些事情，也许我们可以帮助解决您的问题
jsfiddle.net

相关文章：