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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • .topmenu li:hover { background:none; border:1px solid #DDD; border-right:0; box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; }
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-06-21

  • 真的好神奇耶!!background:url('http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg') no-repeat right;言简意赅
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-21

  • 各种截图方法都可以查看像素,颜色等信息的
    查看全部
  • @细节优化及扩展(二) Ps:hover:border-left 红色加粗 + 图片浮动超出边框外 + 常用/推荐的名词显示在下方。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
  • @细节优化及扩展(一) Ps:JS中,循环中的变量值都是最终的那个。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
  • @JS实现hover效果 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:JS实现特效

    2016-08-26

  • @IE6支持csshover样式的补丁文件 Ps:css局限性要比js多,推荐js。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-08-26

  • @利用<a>标签的“border”属性来制作“”分隔线效果 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • @dl、li、a 导航分级菜单推荐<dl>标签实现。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • Ps1:QQ截图功能:RGB+width+height。 计算器功能:RGB转十六进制。 window下,1pt=0.75px。 Ps2:/*这种写法学会掌握。//触摸时.submenu样式中的display:none;*/ .topmenu li:hover .submenu{ display:none; } Ps3:<span></span>空白块来遮挡 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2018-03-22

  • 图片浮出界面: html---直接放在一张照片,并给它加一个class名为pic. css---.pic{position:relative;right:-30px;bottom:-20px;} 这样图片就在右下角浮出界面了。
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-19

  • 如何解决内容过少或者过多的问题:<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> 判断语句:if(h<h0){this.getElementsByTagName('div').style.top=h0;}<br> 内容过多时:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top=0+3+'px'} 使用闭包的注意点 1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。 2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便 改变父函数内部变量的值。
    查看全部
  • 1、令a标签为块状显示:diplay:block; 2、左浮动:float:left; 3、边框线:border-left:1px solid #737373;
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-19

  • 在ie6 下只有a 才支持:hover 伪类,其它标签都不支持,现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。 它利用 javascript 脚本来给元素的的样式定义,如果检测到 hover 定义,就给元素设置 onmouseover 和 onmouseout 事件,以此来实现 hover 的效果。 <dl>标签在列表中的应用 <dt>定义列表分类 <dd>定义列表项目
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • 加补丁兼容IE6 css/csshover.htc
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-06-19

举报

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

微信扫码,参与3人拼团

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

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