-
商城类网站导航菜单制作 门户类网站特点：导航在上方平铺展示，一般没有二级菜单 商城类网站特点：采取竖向列表，横向伸缩的导航形式，把数量巨大的类别集中在很小的区域查看全部
-
border-bottom:1px solid #EEE查看全部
-
图片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; ) 使用相对定位能使图片产生溢出效果，图片使用png的，因为其图片背景透明查看全部
-
HTML用a标签对搜索引擎不友好查看全部
-
relative是相对自身定位，absolute相对于父级元素中第一个有relative属性的元素定位（如果都没有，相对于body定位）。请理解这两种的区别 商城导航最终版：查看全部
-
图片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; ) 使用相对定位能使图片产生溢出效果，图片使用png的，因为其图片背景透明查看全部
-
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;} 2、如何解决二级菜单内容过多导致在当前窗口显示不全的问题 内容过多时：if(this.getElementsByTagNmae('div')[0].offsetHeigth>550) 550是浏览器窗口除去浏览器的标签栏、地址栏、收藏栏等的大概可用高度 将二级菜单top属性设置小一些 {this.getElementsByTagName('div')[0].style.top=0+3+'px'} 注意：height是像素值，offsetHeight是数字值。所以用offsetHeight。 如果在for循环下直接使用i是不会产生闭包的。 由于是在function()函数体中使用i所以产生了闭包，这个函数里面根本没有i这个变量，所以函数会从父级函数中去找i，当找到这个i的时候，for循环已经循环完毕了，所以最终会返回i的最后一个值； 要获取正确的i值，可以将i值绑定在调用函数的对象上，然后在函数内部使用this.i来获取。查看全部
-
商城导航菜单4查看全部
-
定义一个样式lihover，然后for循环找到所有li元素添加鼠标移入事件将li元素的className赋值为lihover，这样lihover样式及其子样式都起作用了，鼠标移出事件将li元素的className赋值为空，则lihover样式及其子样式都不起作用了。查看全部
-
商城导航菜单3查看全部
-
1、<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。 也就是说<dt>用来创建列表中的上层项目，<dd>用来创建列表中最下层项目，<dt>和<dd>都必须放在<dl>< /dl>标志对之间。 2、利用<a>标签的“border”属性来制作分隔竖线效果 3、IE6 兼容 :hover 属性 body{ behavior:url(css/csshover.htc); }查看全部
-
商城导航分类2查看全部
-
1、依靠z-index来设定容器的上下关系，数值越大越在最上面，数值范围是自然数。 注意：父子关系是无法用z-index来设定上下关系的，一定是子级在上父级在下。 2、.父元素:hover .子元素{ 含义就是，父元素hover时，对子元素的CSS样式设置 } 3、-moz-, -webkit-, -o-这些都是浏览器前缀，常用前缀和浏览器的对应关系如下： Firefox: -moz- Chrome, Safari: -webkit- Opera: -o- IE: -ms- 4、relative的有两个属性①是以自身为参照基准进行定位，也就是相对于<自身原有位置>进行偏移 。并不是相对于其他元素进行定位，这个要理解好。②一旦设置了relative，那么随即就会产生z-index属性，就是空间层堆叠，由于二级菜单的包裹层的z-index默认是小于10的，那么span标签设置了z-index：10 那么就是从顶层往下面遮盖住了二级菜单border。就是这个原理，理解清楚relative的两个属性是关键！ 5、inline-block的元素特点：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性)查看全部
-
商城分类导航1查看全部
-
基本结构查看全部
举报
0/150
提交
取消