为了账号安全,请及时绑定邮箱和手机立即绑定

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 用a标签对搜索引擎不友好
    查看全部
  • 对一级菜单和悬浮层的高度作比较,以判断两者是否分离
    查看全部
  • 中括号一定要匹配起来,不要多了少了,不然没有效果
    查看全部
    0 采集 收起 来源:编程练习

    2017-02-11

  • 一个新的标签dl
    查看全部
    0 采集 收起 来源:悬浮层制作

    2017-02-11

  • 用QQ截图,不用计算器也可以,按完crtl+alt+A之后,只按ctrl就可以看到16进制.注意js的for循环只能保留最后一个i值,所以要记得写Lis[i].i=i;
    查看全部
    0 采集 收起 来源:编程练习

    2017-02-08

  • dl,dt,dd
    查看全部
    0 采集 收起 来源:悬浮层制作

    2017-01-24

  • 鼠标移上时有外发光,且有边框,右侧无边框,无背景图 border: 1px solid #DDD; /*边框*/ border-right: 0; box-shadow:0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; background-image:none;
    查看全部
    0 采集 收起 来源:编程练习

    2017-01-12

  • 语法:box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color 可选。阴影的颜色。请参阅 CSS 颜色值。 inset 可选。将外部阴影 (outset) 改为内部阴影。
    查看全部
    0 采集 收起 来源:编程练习

    2017-01-12

  • 小白框的position为什么用relative,用absolute不行吗? 1.Z-index 仅能在定位元素上奏效(例如 position:absolute;) 2.这里用相对定位的好处就是:absolute是绝对定位,会脱离文档,不太好控制, 一般我们在网页制作的时候,一般父元素为相对定位,子元素为绝对定位,这里li没有设置相对定位,再用相对定位的话,小白块的位置需要再作调整
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2017-01-12

  • 1、如何解决二级菜单内容过少导致和一级菜单分开的问题 内容过少时:将左侧一级菜单的顶部与悬浮层的底部进行高度对比; 首先获取左侧一级菜单所处的高度(一级菜单li的索引*每个高度为30+标题部分的高度):h0=(this.i-1)*30+42;/*在显示的height=30px时,this.i-1是正确的。在height=60px时就有偏差*/ 其次获取悬浮层的高度(当前活动DIV上部距离顶部的高度+本身DIV的高度)即:h=this.getElementsByTagName('div')[0].style.top+this.getElementsByTagName('div')[0].offsetHeigth; 判断语句:if(h<h0){this.getElementsByTagName('div')[0].style.top=h0+'px';} 2、如何解决二级菜单内容过多导致在当前窗口显示不全的问题 内容过多时:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550) 550是浏览器窗口除去浏览器的标签栏、地址栏、收藏栏等的大概可用高度 将二级菜单top属性设置小一些 {this.getElementsByTagName('div')[0].style.top='3px'} 注意:height是像素值,offsetHeight是数字值。所以用offsetHeight。 如果在for循环下直接使用i是不会产生闭包的。 由于是在function()函数体中使用i所以产生了闭包,这个函数里面根本没有i这个变量,所以函数会从父级函数中去找i,当找到这个i的时候,for循环已经循环完毕了,所以最终会返回i的最后一个值; 要获取正确的i值,可以将i值绑定在调用函数的对象上,然后在函数内部使用this.i来获取。
    查看全部
  • div层调整zindex属性无效原因分析及解决方法 (2014-01-08 14:17:14)转载 标签: it 在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。 1.第一种情况(z-index无论设置多高都不起作用情况): 这种情况发生的条件有三个: 1、父标签 position属性为relative; 2、问题标签无position属性(不包括static); 3、问题标签含有浮动(float)属性。 eg:z-index层级不起作用,浮动会让z-index失效,代码如下: 1 <</code>DIV > 2 <</code>IMG src="http://www.yuanchuang.net/uploads/allimg/131101/1A5494I0-0.jpg"> 3 </</code>DIV> 解决办法有三个(任一即可): 1、position:relative改为position:absolute; 2、浮动元素添加position属性(如relative,absolute等); 3、去除浮动。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 导航设框架
    查看全部
  • toptitle继承父元素的宽度,默认为100%,在不明确指定其宽度的前提下,设置padding-left,并不改变其尺寸
    查看全部
  • 兼容ie6的hover,自己网上找文件 behavior:url(css/csshover.htc);
    查看全部
    0 采集 收起 来源:悬浮层制作

    2017-01-08

  • hover不止可以加到a标签上,还可以加到其他标签 box-shadow:设置阴影 -moz-box-shadow:兼容火狐 -webkit-box-shadow:兼容chrom等
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2017-01-08

举报

0/150
提交
取消
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!