-
jQuery伸缩菜单查看全部
-
javascript伸缩导航菜单查看全部
-
height向下增高 加上： margin-top:负数 变：向上增高查看全部
-
1.如果要给水平菜单增加整体背景，需要对（）进行哪些CSS设置？ 解析 菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 var oSubnav = this.getElementsByTagName('ul')[0]; if(oSubnav){ var This = oSubnav; clearInterval(This.time); This.time = setInterval(function(){ This.style.height = This.offsetHeight+16+"px"; if(This.offsetHeight >= 120){ clearInterval(This.time); } },30) } //鼠标离开菜单，二级菜单动画收缩起来。 aLi[i].onmouseout=function(){ var cSubNav = this.getElementsByTagName('ul')[0]; if(cSubNav) { var This = cSubNav; clearInterval(This.time); This.time = setInterval(function(){ This.style.height = This.offsetHeight-16+"px"; if(This.offsetHeight <= 0) { This.offsetHeight = "30px"; clearInterval(This.time); } },30) } } } }查看全部
-
用无序列表构建标签查看全部
-
为什么给li设置向左浮动后，它们就能列在一行了。 li是块级元素呀，块级元素独占一行。 找到答案了，我来给自己回答。（HTML+CSS基础课程-浮动模型）（CSS深入理解之float浮动） “块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。（为什么为什么为什么，为什么设置了浮动就可以实现了） 任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示。” 解释：因为浮动的破坏性造成紧密排列（去空格化） 破坏性造成父元素高度塌方，（回想那个小人图），后宫们接在小人后面（浮动的本质：实现文字环绕功能）。 2.为什么它们没有重叠，而是显示在一行 因为他们css中的z-index属性是一样的，如果你想让某个div在上层，可以在css属性中设置z-index的值，越大就越在上层，根据自己想要效果的进行设置即可查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{margin:0;padding:0;font-size:16px;} ul{list-style:none;height:50px;border-bottom:5px solid #F96;padding-left:300px;} li{float:left;} a{display:block;text-decoration:none;height:30px;line-height:30px;width:120px;background:url(btnBg.png);text-align:center;margin-top:20px;} .on,a:hover{background-position:0 -30px;color:#fff;} </style> </head> <body> <ul> <li><a class="on" href="#">广 州</a></li> <li><a href="#">初 品</a></li> <li><a href="#">广 告</a></li> <li><a href="#">设 计</a></li> <li><a href="#">公 司</a></li> </ul> </body> </html>查看全部
-
background-position:第一个值是水平位置 第二个值是垂直位置。查看全部
-
:hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器可用于所有元素，不只是链接。 （:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接，在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。）查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}鼠标滑过选项会发生转变查看全部
-
1.offsetWidth属性可以返回对象的padding+border+width属性值之和，style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性，而style.width是可读写的。 3.offsetWidth属性返回值是整数，而style.width的返回值是字符串。 4.style.width仅能返回以style方式定义的内部样式表的width属性值。查看全部
-
定时器在使用之前要先清空其他的定时器，防止定时器累加。查看全部
-
给a标签设置背景颜色，然后设置margin-bottom，就形成了好像是底边框的效果；用text-indent替代padding-left;查看全部
举报
0/150
提交
取消