博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
二级菜单不同方法的实现
阅读量:5888 次
发布时间:2019-06-19

本文共 2159 字,大约阅读时间需要 7 分钟。

之前面试的时候被问到过一次,后来,在笔试的时候又遇到了,为了长点记性,就决定把这个好好写写。

第一种:

第一种是采用css来控制的;主要采用float,和position,display,hover来完成的。具体看以参看后面的源代码。

第二种:

主要采用hover,和display来实现的。

第三种:

采用的是js来控制的,mouseover,mouseout来控制显示的。当然也利用了css.

第四种:

这种也是纯css的形式,主要利用display:inline-block;和vertical-align:top;来实现的。如果不用vertical-align的话,就会导致一级菜单被二级菜单顶起来,使得上面无法对其,因此才需要设置。

 

每一种对应的源码如下:

横排二级下拉菜单



 

转载地址:http://angix.baihongyu.com/

你可能感兴趣的文章
视频直播点播nginx-rtmp开发手册中文版
查看>>
iphone 添加CFNetwork.framework时,报错 socket
查看>>
ruby学习总结04
查看>>
Binary Tree Paths
查看>>
RESTful 架构详解(转)
查看>>
Ueditor自定义ftp上传
查看>>
线程以及多线程
查看>>
PHP队列的实现
查看>>
单点登录加验证码例子
查看>>
[T-SQL]从变量与数据类型说起
查看>>
稀疏自动编码之反向传播算法(BP)
查看>>
二叉搜索树转换成双向链表
查看>>
会员数据化运营
查看>>
WebLogic和Tomcat的区别
查看>>
java类中 获取服务器的IP 端口
查看>>
调用约定__stdcall / __cdecl
查看>>
occActiveX - ActiveX with OpenCASCADE
查看>>
redmine
查看>>
css 序
查看>>
DirectshowLib摄像头拍照的”未找到可用于建立连接的介质筛选器组合“ 解决办法...
查看>>