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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 用到了JS的闭包 (1)lis[i].i 把第i各li增加个属性“i”,把当前的i赋值给属性“i” (2)在onmouseover 调用this.i,也就是当前li里面的属性“i”的值 (3)onmouseover为外部函数,调用了li的属性“i”,而属性“i”在内部函数for循环里被定义赋值,这样形成里JS闭包,所以属性“i”不会被回收机制回收
    查看全部
  • dl标签
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-08-06

  • 在ie6 下只有a 才支持:hover 伪类,其它标签都不支持,现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。<br> 它利用 javascript 脚本来给元素的的样式定义,如果检测到 hover 定义,就给元素设置 onmouseover 和 onmouseout 事件,以此来实现 hover 的效果。<br> <dl>标签在列表中的应用<br> <dt>定义列表分类<br> <dd>定义列表项目利用a元素制作竖线“ ▏” display:block;float:left;border-left:1px solid grey;height:14px;line-height:14px;padding:0px 5px; overflow:hidden去除浮动: 当一个盒子设置overflow:hidden,而盒子内的所有元素都设置为浮动,此盒子不会因为所有元素的浮动而坍塌: 1.如果此盒子设置了宽高值,那么无论盒子内元素的宽高为多少,盒子的宽高值都是我们设定的值; 2.如果此盒子没有设置宽高值,那么盒子内元素将撑开此盒子(盒子将不会因为元素的浮动而坍塌).
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • 用a标签对搜索引擎不友好
    查看全部
  • 商城类网站导航菜单制作 门户类网站特点:导航在上方平铺展示,一般没有二级菜单 商城类网站特点:采取竖向列表,横向伸缩的导航形式,把数量巨大的类别集中在很小的区域
    查看全部
    0 采集 收起 来源:课程介绍

    2016-08-05

  • relative是相对自身定位,absolute相对于父级元素中第一个有relative属性的元素定位(如果都没有,相对于body定位)。请理解这两种的区别
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-04

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-04

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-03

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-03

  • 提供的图片使用不了
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-03

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-03

  • 兼容ie6 还有人用ie6吗
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-08-02

  • 使用相对定位能使图片产生溢出效果,图片使用png的,因为其图片背景透明
    查看全部
  • IE6 兼容 其他组建 :hover 属性 body{ behavior:url(css/csshover.htc); } 在ie6 下只有a 才支持:hover 伪类,其它标签都不支持,现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。 它利用 javascript 脚本来给元素的的样式定义,如果检测到 hover 定义,就给元素设置 onmouseover 和 onmouseout 事件,以此来实现 hover 的效果。 将a标签设置为block显示,在设置边框来实现分割线效果"" dt的高度应该大于dd,否则上下层""会连一块 在dt中设置对齐模式将能够与不在同一个dl下(但互为兄弟节点)的dt对齐
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • 设置边框发光效果,box-shadow: x轴偏移 Y轴偏移 像素 颜色; -moz-box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd; 兼容性问题: Firefox: -moz- Chrome、Safari: -webkit- Opera: -o- 通过css可以实现二级悬浮菜单。即定义hover伪选择器。而悬浮菜单与一级菜单的连接处border会断开,这个可以通过在连接处覆盖一个span标签遮盖住border来实现。
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2016-07-29

举报

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

微信扫码,参与3人拼团

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

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