-
<dl><dt><dd></dl>查看全部
-
border:1px solid #ddd; border-right:none; box-shadow:0 0 8x #ddd; background-image:none;查看全部
-
极其讨巧的一个方法:css里写好样式,只有添加了lihover这个样式,那个lihover span的选择器才会生效。不添加lihover这个类名,.lihover soan/.lihover .div 这些lihover下的style不会生效。查看全部
-
让css的hover模式兼容万恶的ie6,在body中加了behavior时,添加一个url,可以网上搜索csshover.htc,下载到本地就可以查看全部
-
.父元素.hover .子元素{ 含义就是,父元素hover时,子元素怎么样 } 对应的额以前学过: input[type="radio"]:cheched .子元素 :当被选中的radio的子元素 再进化: input[type="radio"]:checked + 弟弟元素 :选择被选中的单选框的下一个(弟弟)元素查看全部
-
才发现qq截图和计算机还有这用图!厉害了我的哥!查看全部
-
dl dt dd查看全部
-
如何解决内容过少或者过多的问题: 1、内容过少时:将左侧一级菜单与悬浮层的底部进行高度对比; 首先获取左侧一级菜单所处的高度(一级菜单li的索引*每个高度为30+标题部分的高度):h0=[this.i]*30+42; 其次获取悬浮层的高度(当前活动DIV上部距离顶部的高度+本身DIV的高度)即:h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth; 判断语句:if(h<h0){this.getElementsByTagName('div').style.top=h0;} 内容过多时:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top=0+3+'px'} 注意:height是像素值,offsetHeight是数字值。所以用offsetHeight。 函数的闭包, 函数里面拿不到函数外的变量,可以通过赋值给this或者新变量的方式让函数里面能访问,尤其是循环绑定事件时 去this的索引,可以讲索引赋值给函数调用者查看全部
-
<dt>用来创建列表中的上层项目(定义),<dd>用来创建列表中最下层项目(描述),<dt>和<dd>都必须放在<dl>< /dl>标志对之间。 <dl> <dt>我们在做列表标题</dt> <dd>我们在做列表</dd>查看全部
-
box-shadow:0 0 8px #DDD; 参数1:阴影向右距离(负数为反方向) 参数2:阴影向下距离(负数为反方向) 参数3:阴影模糊度 参数4:阴影颜色查看全部
-
门户类网站和商城类网站的不同:<br> 门户类网站的导航都在最上方;<br> 商城类网站导航很详细,基本都是竖向列表,横向伸缩的模式,打开一级菜单,平铺二级菜单查看全部
-
图片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; ) 使用相对定位能使图片产生溢出效果,图片使用png的,因为其图片背景透明查看全部
-
用到了JS的闭包 (1)lis[i].i 把第i各li增加个属性“i”,把当前的i赋值给属性“i” (2)在onmouseover 调用this.i,也就是当前li里面的属性“i”的值 (3)onmouseover为外部函数,调用了li的属性“i”,而属性“i”在内部函数for循环里被定义赋值,这样形成里JS闭包,所以属性“i”不会被回收机制回收 如何解决悬浮层因内容太少而导致鼠标无法移入的问题。 解决思路:通过当前一级分类的底部距离顶部的高度h0和悬浮层底部距离顶部的高度h相比较,如h0>h则将悬浮层的位置往下移动至h0(一级菜单底部)处。 offsetHeight:获取可视区域的高度(实际看得到的那个高度,不包括滚动条的高度)。查看全部
-
元素的className设置成某个类名时,这个类名下的子类也都会作用于该元素。查看全部
-
当给li元素加上lihover类之后,submenu和span作为li的子元素也会套用对应的样式,因此只需要给对应的一级菜单绑定lihover类,即可完成悬浮二级菜单的效果 用js给所有的li加mouseover和mouseout时间。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }查看全部
举报
0/150
提交
取消