CSS实现常用菜单(一)
来源:互联网 发布:记账软件下载 编辑:程序博客网 时间:2024/06/13 05:21
在写网站的时候,每个网页的导航菜单都是必不可少的,下面我们就把实际开发经常会遇到的菜单总结一下。
1、普通菜单
把鼠标移到菜单内容上,出现二级菜单而且菜单的背景颜色变成深灰色。
(1)使用HTM+CSS来实现
HTML代码如下:
最外层是ul包含5个li,分别是首页,课程大厅,学习中心,经典案例,关于我们。二级菜单也是在当前li下的ul。每个li里面都包含链接a。
CSS代码如下:
(2)使用javaScript代码实现
在鼠标移入和移出时绑定onmouseover和onmouseout事件。鼠标移入时,显示二级菜单,鼠标移出时,隐藏二级菜单。
(3)使用jquery代码实现
在鼠标移入和移出时绑定onmouseover和onmouseout事件。鼠标移入时,使用show方法显示二级菜单,鼠标移出时,使用hide方法隐藏二级菜单。
0 0
- CSS实现常用菜单(一)
- CSS实现常用菜单(二)
- CSS常用菜单(三)
- CSS常用菜单(四)
- 使用CSS 制作导航菜单 (一)
- 电商网站分类导航效果--CSS实现(一) 一级菜单
- 递归实现CSS菜单
- CSS实现下拉菜单
- CSS实现平板菜单
- 递归实现CSS菜单
- CSS实现下拉菜单
- css实现二级菜单
- css实现多级菜单
- CSS实现二级菜单
- CSS实现三级菜单
- 常用的css弹出菜单
- JavaScript实现右键菜单(一)
- JavaScript实现右键菜单(一)
- C++实验5-数组分离
- uWSGI集群平台
- 机顶盒的第二天。
- JSON.parse()与JSON.stringify()
- verilog入门
- CSS实现常用菜单(一)
- 继承体系下C++对象模型.md
- 集合(上)(List的学习)
- Linux下的MySQL主主复制和Mysql-MMM实现(Mysql双主多从高可用)
- selenium.common.exceptions.WebDriverException: Message: 'geckodriver' executable needs to be in PATH
- 安装python库时具体怎样怎样执行python setup.py install
- 设计模式之责任链模式
- [python爬虫] Selenium常见元素定位方法和操作的学习介绍
- angularjs2 for Mac环境安装