用jQuery制作下拉菜单

用jQuery制作下拉菜单,可以用toggle,点击一次显示,再次点击的时候就隐藏。

操作方法

  • 01

    首先,新建一个html文档,代码如下: <html> <head> <script type="text/javascript" src="jq/jquery-1.12.1.min.js"></script> </head> <body> <a id="ss">个人中心</a> <ul id="hh"> <li><a href="#">买卖情况</a></li> <li><a href="#">在线物流</a></li> <li><a href="#">售后服务</a></li> </ul> </body> </html> 效果如图:

  • 02

    接下来,写JavaScript,代码如下: <script type="text/javascript"> $(document).ready(function(){ $("#ss").click(function(){ $("#hh").toggle(); }); }); </script> 效果如图:

  • 03

    <script type="text/javascript"> $(document).ready(function(){ $("#ss").click(function(){ $("#hh").toggle(); }); }); </script> 代码分析:$(document).ready(function()表示文档就绪是执行一个匿名函数, $("#ss").click(function()表示ID为ss的元素被点击时执行一个匿名函数, $("#hh").toggle();这句表示ID为hh的元素来回显示。

(0)

相关推荐

  • excel下拉菜单怎么做 excel2010表格制作下拉菜单教程图解

    excel 每个功能都非常实用,今天我教大家怎么做“excel下拉菜单”,给大家展示带使用下拉菜单中的选项,使关联单元格中的数据发生对应的变化的小功能。 制作步骤如下: 第一步:打开excel2010 ...

  • excel2013制作下拉菜单的教程

    excel2013打开要编辑的工作表,例子是一个班级名单,可以看到政治面貌目前还没有填写 接着我们找一个空白处,依次写入政治面貌的可能选项: 群众.共青团员.中共党员.民主党派 然后选中"政 ...

  • Excel中制作下拉菜单的4种方法

    Excel中制作下拉菜单的4种方法 其实还有另外3种: 1.创建列表 在一列中按alt+向下箭头,即可生成一个下拉菜单(创建列表).此方法非常简单. 2.开发工具 - 插入 - 组合框(窗体控件) 如 ...

  • wps表格中怎样制作下拉菜单

    在wps制作下拉菜单的方法 选择一个空的单元格,将产品需要使用的信息填入进去,每个产品信息中间使用","隔开,将信息复制即可进行下一步操作. 根据下图的进行操作,选定需要使用下拉菜 ...

  • Excel2016表格中怎么制作下拉菜单?

    Excel2016中,有时如果我们需要在一个单元格输入多个数据以供选择,其实可以用下拉菜单的方式,今天小编就跟大家介绍一下这种方法. 1.首先我们打开一个新的excel文档. 2.然后找到“数据”选项 ...

  • Excel中制作下拉菜单时去除空值的操作技巧

    为了规范表格数据录入,我们常用到Excel的数据有效性功能在单元格设置下拉菜单,引用固定区域数据作为标准录入内容.今天,我们小编就教大家在Excel中进行制作下拉菜单时去除空值的操作技巧. Excel ...

  • 在word中制作下拉菜单

    我们日常使用word的时候,也有时需要使用到下拉菜单,这个我们在excel中经常用到,而在word中你会制作吗?今天,笔者就来分享一下,怎么在word中制作下拉菜单,供大家参考. 1.首先,我们打开w ...

  • excel怎么制作下拉菜单列表?

    在使用excel输入数据时,我们会经常用下拉菜单列表来限定输入的数据,这会给我们省去输入文字的麻烦,那么如何制作下拉菜单列表呢?下面小编就为大家详细介绍一下,来看看吧! 步骤 1.打开文档,小编想在婚 ...

  • EXCEL如何制作下拉菜单进行数据有效性设置?

    在使用Excel的过程中,有时需要在某些固定的单元格区域快速地输入某些固定的选项,下面小编就为大家介绍EXCEL如何制作下拉菜单进行数据有效性设置,一起来看看吧! 方法/步骤 首先,打开你的EXCEL ...