-
闭包，for循环每次i的变化都改变了h0的值，但是for循环结束,i是最后那个i=lis.length-1的位置，所以h0永远都是最下面那个高度，需要给每个位置都定义一个i，这样就能保存i的值。最后那个，如果y的值超过用户可视的高度550px,就把悬浮层往上移查看全部
-
box-shadow:【偏移方式】 X轴偏移量 （必选） Y轴偏移量（必选） 【阴影模糊半径（必选为正值）】 【阴影扩展半径（可正可负）】 【颜色】 老师说：之前的课程里提到使用QQ取色得到的是10进制值，需要用科学型计算器进行计算才得到16进制。其实不用这么麻烦，只要在使用QQ取颜色时按住ctrl，就可以直接看到16进制的值。查看全部
-
原来QQ截图这么屌！！！按ctrl直接看16进制666 推荐一个神奇：faststone capture 从chrome web store 安装: ColorZilla 扩展。选取浏览器窗口里的任意部位的颜色，实时显示rgb 和16进制颜色。 whatfont 扩展，实时抓窗口内文字的字体查看全部
-
<img class="rightPic" src="http://img1.sycdn.imooc.com//541120c80001aae401970164.jpg"/> .rightPic { /*设置rightPic样式 */ position:relative; right:-35px; bottom:-20px; }查看全部
-
之前学到某一块要加背景图片时，不需要加，CSS3一行代码就可以处理。后面找到了回来看。查看全部
-
优化“导航”代码 1、当悬浮层div的高度过小（div.bottom<li.top）时，将div向下挪： divBottom = div.top + div.offsetHeight; if(divBottom < liTop) div.top = liTop; 2、当div高度过大（div.height>window.height）时，将div向上挪： winHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; if(winHeight < div.offsetHeight) div.top = 0; 3、添加div中的图片溢出效果（给div中的img标签设置样式）： position:relative; bottom: -30px; right: -30px; 4、给li下添加“推荐导航项”： 给li中再加一个隐藏的div存放“推荐项”，在li:hover的时候显示，同时增加li的高度。 5、鼠标移入时应使用mouseenter事件，以防鼠标在li上移动时重复触发mouseover事件。 该案例应使用mouseover+mouseout或mouseenter+mouseleave，以防鼠标移动时二级菜单消失。查看全部
-
JS动态添加、删除悬浮层： 1、将li:hover伪类改为类li-hover； 2、鼠标移入时添加并设置悬浮层：onmouseover{li.className="li-hover";}； 3、鼠标移走时删除悬浮层：onmouseout{li.className="";}；【此处li没有其他类，因此可以直接重置为空】查看全部
-
纯CSS实现导航菜单 > 一级菜单设置注意点 1、li默认背景：background: url(xxx) #f8f8f8 no-repeat right; 2、li:hover去除背景：background: none; 3、li:hover边框阴影：border: ...; border-right-width: 0; box-shadow: 0 0 8px #ddd; 4、a:link默认无修饰：text-decoration: none; > 二级菜单（浮动层）设置注意点 1、用dl、dt和dd来实现二级菜单布局 2、用空白的span盖住一级菜单项与浮动层间的竖线 3、z-index需要用在定位元素（非static）上，而float可能会使z-index设置失效 4、菜单项垂直居中对齐：height == line-height 可使自身垂直居中；再给dd设置margin，将上下边距平分，即可使dt和dd第一行菜单项水平居中对齐。查看全部
-
1、用QQ截图，不仅可以知道所截区域的像素大小（width和height），还能知道光标所在位置的颜色值（默认为RGB格式，按住ctrl变为16进制格式）。 2、使用z-index设置元素的堆叠顺序，但是只能对非static定位的定位元素起效。查看全部
-
box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; 三大主流浏览器内核，关于阴影兼容查看全部
-
dl标签查看全部
-
.rightPic{ position:relative; right:-35px; bottom:-20px; } 使用相对定位能使图片产生溢出效果，图片使用的是PNG，因为其图片背景是透明的查看全部
-
var h0=(i-1)*30+42; var y=this.getElementsByTagName("div")[0].offsetHeight; var h=this.getElementsByTagName("div")[0].style.top; if(h<h0) {this.getElementByTagName("div")[0].style.top=h0+"px";} if(y>550){this.getElementByTagName("div")[0].style.top="3px";} }查看全部
-
定义一个样式，用for循环找到里Li元素，然后添加onmouseover和onmouseout事件，代码如下： window.onload=function(){ var lis=document.getElementsByTagName("li"); var len=lis.length; for(var i=0;i<len;i++) { lis[i].onmouseover=function(){this.className="lihover"} lis[i].onmouseout=function(){this.className=""} } }查看全部
-
dl dt 定义列表 dd 描述列表 IE6下只有a才支持hover伪类，其他的标签都不支持hover 兼容IE6的hover behavior:url(css/csshover.htc)查看全部
举报
0/150
提交
取消