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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • <dl><dt><dd></dl>
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • border:1px solid #ddd; border-right:none; box-shadow:0 0 8x #ddd; background-image:none;
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-28

  • 极其讨巧的一个方法:css里写好样式,只有添加了lihover这个样式,那个lihover span的选择器才会生效。不添加lihover这个类名,.lihover soan/.lihover .div 这些lihover下的style不会生效。
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-28

  • 让css的hover模式兼容万恶的ie6,在body中加了behavior时,添加一个url,可以网上搜索csshover.htc,下载到本地就可以
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-09-27

  • .父元素.hover .子元素{ 含义就是,父元素hover时,子元素怎么样 } 对应的额以前学过: input[type="radio"]:cheched .子元素 :当被选中的radio的子元素 再进化: input[type="radio"]:checked + 弟弟元素 :选择被选中的单选框的下一个(弟弟)元素
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2018-03-22

  • 才发现qq截图和计算机还有这用图!厉害了我的哥!
    查看全部
  • dl dt dd
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-09-26

  • 如何解决内容过少或者过多的问题: 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>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • box-shadow:0 0 8px #DDD; 参数1:阴影向右距离(负数为反方向) 参数2:阴影向下距离(负数为反方向) 参数3:阴影模糊度 参数4:阴影颜色
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-24

  • 门户类网站和商城类网站的不同:<br> 门户类网站的导航都在最上方;<br> 商城类网站导航很详细,基本都是竖向列表,横向伸缩的模式,打开一级菜单,平铺二级菜单
    查看全部
    0 采集 收起 来源:课程介绍

    2018-03-22

  • 图片溢出效果 .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设置成某个类名时,这个类名下的子类也都会作用于该元素。
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-19

  • 当给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=""; } }
    查看全部
    1 采集 收起 来源:JS实现特效

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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