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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 如何解决内容过少或者过多的问题:<br> 1、内容过少时:将左侧一级菜单与悬浮层的底部进行高度对比;<br> 首先获取左侧一级菜单所处的高度(一级菜单li的索引*每个高度为30+标题部分的高度):h0=[this.i-1]*30+42;<br> 2.获取悬浮层的高度(当前活动DIV上部距离顶部的高度+本身DIV的高度)即:h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth;<br>
    查看全部
  • window.onload=function(){ var Lis=document.getElementByTagName("li"); for(i=0;i<Lis,length;i++){ Lis[i].onmoouseover=function(){ this.className="lihoover";} Lis[i].onmouseout=function(){ this.className="";}}}
    查看全部
    0 采集 收起 来源:JS实现特效

    2018-03-22

  • 边框线:border-left:1px solid #ccc
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-13

  • 兼容IE6浏览器,加补丁文件,在body中+beha:url(css/csshover.htc)
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-08-13

  • 防止溢出的处理:overflow:hidden; dl:块显示;灰色下划线;底距;防溢出; dt:块显示,左浮动,宽,右对齐,高,行高,右距 a:颜色,字体,下划线,字体大小 dd:块显示,隐藏 a:块显示,左浮动,灰色实线,颜色,字体大小加边距,高度,行高,外边框margin:0 4px
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-08-13

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

    2016-08-12

  • <dl> <dt> title </dt> <dd> </dd> </dl> dl: definition list 定义列表 dt: definition title 定义列表标题 dd: definition data 定义列表数据
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • { border: 1px solid #DDD; border-right: 0; box-shadow: 0 0 8px #DDD; //兼容Firefox -moz-box-shadow: 0 0 8px #DDD; //兼容所有Google内核浏览器 -webkit-box-shadow: 0 0 8px #DDD; background-image: none; }
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-11

  • 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;//对chrome和firefox等浏览器设置外发光效果
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-10

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

    2016-08-09

  • 图片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; )
    查看全部
  • <script type="text/javascript"> window.onload = function () { //获取所有的Li标签集 var lis = document.getElementsByTagName("li"); //循环遍历所有的标签使其在鼠标移到及移出执行相应的命令 for(i=0;i<lis.length;i++){ lis[i].onmouseover = function(){ this.className = "lihover"; } lis[i].onmouseout = function(){ this.className = ""; } } } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 外发光效果 box-shadow: 0 0 8px #DDD;
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-07

  • 使用闭包的注意点 1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。 2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便 改变父函数内部变量的值。
    查看全部
  • 如何解决内容过少或者过多的问题:<br> 1、内容过少时:将左侧一级菜单与悬浮层的底部进行高度对比;<br> 首先获取左侧一级菜单所处的高度(一级菜单li的索引*每个高度为30+标题部分的高度):h0=[this.i-1]*30+42;<br> 2.获取悬浮层的高度(当前活动DIV上部距离顶部的高度+本身DIV的高度)即:h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth;<br>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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