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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 如何解决悬浮层因内容太少而导致鼠标无法移入的问题。 解决思路:通过当前一级分类的底部距离顶部的高度h1和悬浮层底部距离顶部的高度h2相比较,如h1>h2则将悬浮层的位置往下移动至h1处。 offsetHeight:获取可视区域的高度(实际看得到的那个高度,不包括滚动条的高度)。
    查看全部
  • <dl> <dt>计算机</dt> <dd>用来计算的仪器</dd> <dt>定义列表中的项目</dt> <dd>描述列表中的项目</dd> </dl> //使用dl标签避免大量垃圾代码 IE6 hover 效果补丁文件: behavior:url(css/csshover.htc);
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • 1.QQ取色:qq截图时按着ctrl就可以得到16进制颜色值 2.兼容性问题: Firefox: -moz- Chrome、Safari: -webkit- Opera: -o- IE: -ms- 3.box-shadow: h-shadow(水平阴影的位置,必需) v-shadow(垂直阴影的位置,必需) blur(模糊距离,可选) spread(阴影的尺寸,可选) color(阴影的颜色,可选) inset(将外部阴影 (outset) 改为内部阴影,可选);
    查看全部
    3 采集 收起 来源:鼠标浮动效果

    2015-07-28

  • 如何解决悬浮层因内容太少而导致鼠标无法移入的问题。 解决思路:通过当前一级分类的底部距离顶部的高度h1和悬浮层底部距离顶部的高度h2相比较,如h1>h2则将悬浮层的位置往下移动至h1处。 offsetHeight:获取可视区域的高度(实际看得到的那个高度,不包括滚动条的高度)。
    查看全部
  • 用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 采集 收起 来源:JS实现特效

    2018-03-22

  • 分析导航
    查看全部
  • 设置图片的相对定位
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-22

  • clientHeight与height的区别是:如果有滚动条时应减去滚动条的17px不可用部分,offsetHeight与Height的区别是增加了boder的高度,ScrollHeihgt与Height的区别是火狐下与offsetHeight一致
    查看全部
  • 元素的className设置成某个类名时,这个类名下的子类也都会作用于该元素。
    查看全部
    1 采集 收起 来源:编程练习

    2015-07-22

  • display:block; float:left; border-left:1px solid #737373;
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-22

  • csshover.htc解决ie6下css不支持hover的问题
    查看全部
    0 采集 收起 来源:悬浮层制作

    2015-07-22

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

    2015-07-22

  • 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 采集 收起 来源:编程练习

    2015-07-22

  • background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) ; background-repeat:no-repeat; background-position:right; .topmenu li:hover { background:none;
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-22

  • 实现给所有标签添加hover效果,为兼容IE6需要下载一个补丁文件csshover.htc; 需要在全局声明:behavior:url(css/csshover.htc).
    查看全部
    0 采集 收起 来源:悬浮层制作

    2015-07-21

举报

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

微信扫码,参与3人拼团

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

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