如何在菜单Html5中添加下拉列表 [英] How Do I Add Dropdown At Menu Html5
本文介绍了如何在菜单Html5中添加下拉列表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要在菜单下方显示下拉列表关于我们但我不知道如何实现此代码
i只是尝试了解几天的HTML但是这个问题itry很多天加入请展示thx女士和结婚
< section class =menu-部>
< div class =container>
< div class =row>
< div class =col-md-12>
< div class =navbar-collapse collapse>
< ul id =menu-topclass =nav navbar-nav navbar-right>
< li>< a href =index.htmlclass =menu-top-active> HOME< / a>< / li>
< li>< a href =about.html>关于我们< / a>< / li>
< li>< a href =contact.html> CONTACT< / a>< / li>
< li>< a href =http://www.jcythailand.com/jcytarget =blank>服务< / a>< / li>
< / ul>
< / div>
< / div>
< / div>
< / div>
< / section>
解决方案
将子菜单项放入单独的ul中,并使用jQuery在click事件上切换此ul。例如
< !DOCTYPE < span class =code-attribute> html >
< html >
< span class =code-keyword>< head >
< script src = http://ajax.googleapis.com/ajax/libs/ jquery / 1.11.2 / jquery.min.js > < / script >
< script >
(document).ready(function(){
( 关于我们)。单击(函数(){
i need to show dropdownlist below menu About us but i dont know how to implement this code
i just try to learning about html a few day but this issue itry many day to add please show thx lady and gettlement
<section class="menu-section">
<div class="container">
<div class="row ">
<div class="col-md-12">
<div class="navbar-collapse collapse ">
<ul id="menu-top" class="nav navbar-nav navbar-right">
<li><a href="index.html" class="menu-top-active" >HOME</a></li>
<li><a href="about.html">ABOUT US</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="http://www.jcythailand.com/jcy" target = "blank">Service</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
解决方案
Put the sub menu items into a separate ul, and use jQuery to toggle this ul on click event. E.g.
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script>
(document).ready(function(){
(".aboutus").click(function(){
这篇关于如何在菜单Html5中添加下拉列表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文