-
由于外层ul没有设置大小，在li设置float后，ul外形会崩溃，所以设置border-bottom时候会飘到上面，给ul设置overflow：auto； 使其自适应内部的浮动元素，边框可以正常展现查看全部
-
浮动会让元素坍塌，即被浮动元素的父元素不具有高度。例如：一个父元素包含了一个浮动元素，它将塌陷具有零高度。因为浮动元素由于脱离了普通的文档流，不用占用原来文档中的位置，因此无法把父元素撑开。查看全部
-
position:absolute；生成绝对定位的元素，完全脱离标准文档流，建立了以包含块为基准的定位。 绝对定位的参照标准： 1、无以定位的父元素，以html（浏览器）为偏移参照基准。 2、有以定位的祖先元素，以距其最近的祖先元素（父元素）为偏移参照基准 附：当一个元素设置为绝对位时若没有设置宽度时，元素的宽度根据内容进行调节（自适应宽度）查看全部
-
<style type="text/css"> .top-nav{ font-size:12px; font-weight:bold; list-style:none; border-bottom:8px solid #dc4e1b; overflow:auto; /*扩展到它需要的大小包围子元素*/ } .top-nav li{ float:left; margin-right:1px; } .top-nav li a{ line-height:20px; text-decoration:none; background:#ddd; color:#666666; display:block; width:80px; text-align:center;} .top-nav li a span{ display:none; } .top-nav li a:hover span{ display:block; background:#dc4e1b; color:#FFF; } .top-nav li a:hover{ margin-top:-20px; } </style>查看全部
-
javaScript与jQuery的区别查看全部
-
this为当前对象。。。查看全部
-
getElementsByTagName(),注意区分大小写！！！！查看全部
-
一级菜单不受二级菜单的影响，给二级菜单加一个position：absolute；//相对定位//给一级菜单加一个position：relative。//绝对定位//查看全部
-
ie兼容查看全部
-
<script src="jquery-1.7.2/jquery.min.js"></script> <script type="text.javascript"> $(function(){ $(".navmenu").mouseover(function(){ <!--获得class名称为navmenu的元素--> $(this).children("ul").show(); <!--获得标签名为ul的孩子元素--> }) $(".navmenu").mouseout(function(){ $(this).children("ul").hide(); }) }) </script> <!--$(function(){...})如何编写一个jQuery元素 children()方法找子元素 show()方法显示html元素 hide()方法隐藏html元素 jQuery库引用方法 第一种方法： 将jQuery库下载到电脑上，然后引用。 <script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script> 第二种方法： 直接引用在线服务器上的jQuery库文件。如：引用google服务器上的jQuery库文件 <script type="text/javascript" src="http://ajax.gooogleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> -->查看全部
-
ctrl+shift+entry 在标签内添加内容查看全部
-
JS实现下拉菜单知识点查看全部
-
<script type="text/javascript"> <!--java标签能写在任何一个地方，添加一个JavaScript标签样式--> function showsubmenu(li){ var submenu=li.getElementsByTagName("ul")[0]; /*function /定义函数/show/这是一个函数名字：显示/submenu/菜单/(li)/这里写参数/{ var submenu=li/这个li菜单下面的来获取ul标签元素/.get/获得/Elements/一些元素/By/通过/TagName("ul")[0];/标签名:菜单标签名是ul,ul里面一组数据排序是从0开始/*/ /*定义一个变量，用来存放二级菜单，getElementsByTagName()在JavaScript中区分大小写，getElementsByTagName()并且获得的是一组数据*/ submenu.style.display="block"; /*submenu样式为显示*/ } function hidesubmenu(li){ var submenu=li.getElementsByTagName("ul")[0]; submenu.style.display="none"; } <!--/ onmouseover 鼠标进过事件 onmouseout 鼠标离开事件 function 使用function关键字定义函数 getElementsByTagName() 点击获取我们所需要的元素 /--> <li onmousemove="showsubmenu(this)" onmouseout="hidesubmenu(this)"><a href="#">课程大厅</a> <!--建立li列，添加一个鼠标经过“显示”事件，使用创建好的JavaScript函数，this指的是当前的对象；添加一个鼠标离开"隐藏"事件，并设置一个空连接-->查看全部
-
ul li{ float:left; line-height:40px; text-align:center; position:relative} /*设置li的样式，向左浮动，每一个li宽为90px，垂直居中，左右居中。设置一个相对定位，让二级菜单以这个位标准定位*/ a{ text-decoration:none; color:#000; display:block;padding:0 10px; height:40px;} /*把a标签的下划线取消，并把字体颜色改为黑色,把a标签改为块级元素（a标签默认为行级元素）。为了使各类浏览器都兼容，设置一个a标签的高度，为40px*/ a:hover{ color:#FFF; background-color:#666;} /*鼠标进过a标签时字体为白色，背景颜色为#666*/ /*若是导航栏文字超出所设置的90px;则把ul li项里的宽度设置删除，在a标签设置里添加padding：0 10px; a{ text-decoration:none; color:#000; display:block};padding：0 10px; */ ul li ul li{ float:none; background-color:#eee; margin-top:2px; } /*设置二级菜单样式：float为空，背景颜色为#eee，上边距2px*/ ul li ul{ position:absolute; left:0px; top:40px; display:none} /*为二级菜单设置一个绝对定位，若是有相对定位的话根据相对定位进行定位(距离左侧0px，距离顶部40px)这样二级菜单的宽度不会影响到一级菜单。把二级菜单隐藏掉*/查看全部
-
需要复习查看全部
举报
0/150
提交
取消