Web程序设计二级下拉菜单页面怎么做

Web程序设计二级下拉菜单页面怎么做,第1张

Web程序设计二级下拉菜单页面做法:

以纯CSS为例:

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<style>

*{

margin:0px

padding:0px

}

#menu

{

width:500px

height:38px

margin:5px auto

}

#menu ul

{

height:38px

list-style:none

margin:0

padding:0

}

#menu li

{

float:left

}

#menu li a{

color:#666666

display:block

font-weight:bold

line-height:38px

padding:0px 25px

text-align:center

text-decoration:none

}

#menu li a:hover{

color:#000000

text-decoration:none

}

#menu li ul{

background: #ECE9E9

border:1px solid #D8D8D8

display:none

height:auto

position:relative

left:20px

width:100px

z-index:200

}

#menu li ul li

{

margin-left:0px

height:38px

}

#menu li:hover ul{

display:block

}

#menu li li {

display:block

float:none

width:100px

}

#menu li ul a{

display:block

font-size:12px

font-style:normal

padding:0px 10px 0px 15px

text-align:left

}

#menu li ul a:hover{

background:#555

color:#fff

}

</style>

</head>

<body>

<div id="menu">

<ul>

<li><a href="#">无下拉状态</a></li>

<li><a href="#">有下拉状态</a>

<ul>

<li><a href="#">选项1</a></li>

<li><a href="#">选项2</a></li>

</ul>

</li>

</ul>

</div>

</body>

</html>

你说的是把鼠标搁置在某个控件上停留一会,然后d出快捷菜单吗?

其实我无形中已经告诉你办法了,鼠标事件选择“载入”或者“显示”,事件代码就是“d出快捷菜单”并写上快捷菜单显示内容

重新创建就可以了。1、登录微信公众号,点击左侧“ 自定义菜单”。2、添加一级菜单 (注意:可创建最多3个一级菜单)PS:输入菜单名称:不多于4个汉字或8个字母3、添加二级菜单(注意:每个一级菜单下可创建最多5个二级菜单) 3、点击菜单设置响应动作(只有认证的订阅号才可以在调整到网页中输入链接)PS:所有二级菜单下都要设置响应动作,否则发布不生效。4、点击保存、发布。PS:发布后,若5分钟内没有生效,则是设置相应动作问题,重新检查下


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11878669.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存