下拉菜单
2016-07-07 21:31
323 查看
1、静态网页下拉菜单
html+css标签<ul><li></li></ul>项目列表
标签链接<a></a>
float浮动
display:block属性
position属性规定元素的定位
注意点:
ul li{ float: left;//垂直列表改成水平列表 width: 90px; line-height: 40px;//垂直居中 text-align: center;//水平居中 }
2、动态网页下拉菜单
js实现下拉菜单
知识点:onmouseover:鼠标经过事件
onmouseout鼠标离开事件
使用function关键字定义函数
getElementsByTagName()
注意点:
<li onmouseover="show(this)" onmouseout="hide"><a href="#">中心特色</a> <ul id="subul"> <li><a href="#">htmljavascript</a></li> <li><a href="#">css</a></li> <li><a href="#">java</a></li> </ul> </li>
jquary实现下拉菜单
知识点:$(function(){})
children()方法查找子元素
show()显示html元素
hide()隐藏html元素
注意:
jquary文件引入的时候应该在最前面
引用方式有两种:
一种是将jquary库下载到本地电脑然后引用
第二种方式是直接引用在线服务器上的jquary库文件
例如引用谷歌服务器上的jquary库文件
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
相关文章推荐
- LoadRunner测试Google Suggest
- this指针在类成员函数中用法
- 操作系统引导--从实模式到保护模式
- 采用dlopen、dlsym、dlclose加载动态链接库【总结】
- merlin搭建局域网内免配置KMS自动激活环境
- 错误信息:FROM * 语法错误
- 关于PHP中eval函数的返回值
- hdu2845之Beans,DP
- 39. Combination Sum
- SQL
- Codeforces Round #361 (Div. 2) D RMQ+二分
- 简单的二进制
- java之原子性
- 网站web.cofig配置用户的权限
- hadoop入门级总结一:HDFS
- hadoop入门级总结一:HDFS
- Tomcat配置文件常用操作
- Hive建表、加载数据模板
- 13_03_Linux进程管理之一
- OSI-L3协议ARP