html+css+javascript 菜单单击式下拉菜单怎么弄?

html+css+javascript做一个菜单,初始状态标题A和标题B的下拉表隐藏,点击标题A,出现下拉表。点击标题B,出现下拉表,同时标题A的下拉表收起。... html+css+javascript 做一个菜单,初始状态标题A和标题B的下拉表隐藏,点击标题A,出现下拉表。点击标题B,出现下拉表,同时标题A的下拉表收起。 展开
 我来答
我是小小kei
推荐于2019-11-09 · TA获得超过1.6万个赞
知道小有建树答主
回答量:113
采纳率:84%
帮助的人:1.6万
展开全部
  • 【方法步骤】:

  1. 写好HTML代码以实现下拉菜单。

  2. 在网页上看到初步效果。

  3. 添加JavaScript代码实现功能,hide()函数实现display的隐藏。

  4. 在HTML代码中引用show()和hide()函数。

  5. CTR+S保存代码,在浏览器中F5刷新网页查看效果。

  • 【其他方法】:

  1. 利用Html5+css实现的下拉菜单炫酷效果。<html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    *{
    margin: 0;
    padding: 0;
    }
    #nav{
    background-color: #EEEEEE;
    height: 40px;

    <!DOCTYPE html>。

  2. 使用JavaScript实现下拉菜单的效果。<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">

  3. 通过JQuery方法实现的下拉菜单的炫酷效果。<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">

  • 【注意事项】:记得CTR+S常记得保存的备份,F5刷新网页。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式