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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 商场分类导航: <title></title> <style type="text/css"> body { padding: 0; font-size: 10pt; behavior:url(css/csshover.htc); } .topmenu { display: block; width: 220px; border: 2px solid #e4393c; margin: 0; padding: 0; } .toptitle { height: 40px; line-height: 40px; text-align: left; font-size: 11pt; font-weight: bold; color: White; background: #e4393c; padding-left: 20px; } .topmenu li { height: 30px; line-height: 30px; font-size: 11pt; list-style-type: none; text-align: left; padding-left: 8px; z-index: 3; /* 任务一 */
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 喵喵喵:获得16进制 window(计算器)-程序员型-10进制(输去数字)-16进制
    查看全部
  • qq截图
    查看全部
  • 1、<dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的。<dt>给出了术语名,<dd>标记给出了术语的定义。 也就是说<dt>用来创建列表中的上层项目,<dd>用来创建列表中最下层项目,<dt>和<dd>都必须放在<dl>< /dl>标志对之间。 2、利用<a>标签的“border”属性来制作分隔竖线效果 3、IE6 兼容 :hover 属性 body{ behavior:url(css/csshover.htc); } 让css的hover模式兼容万恶的ie6,在body中加了behavior时,添加一个url,可以网上搜索csshover.htc,下载到本地就可以
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • Lis[i].i=i; Lis[i].onmouseover = function () { this.className = "lihover"; //添加鼠标移入class var h0=(i-1)*30+42; //42为全部商品分类高度,ho为一级菜单高度 var y=this.getElementsByTagName("div")[0].offsetHeight;//获取悬浮框底边距离顶端的高度 var h=this.getElementsByTagName("div")[0].style.top+y;//获取悬浮框上边高度+y,等于悬浮框总高度 if(h<h0) //当悬浮层高度小于一级菜单高度, {this.getElementsByTagName("div")[0].style.top=h0+"px";} if(y>550){ this.getElementsByTagName("div")[0].style.top="3px"; } }
    查看全部
  • 1、如何解决二级菜单内容过少导致和一级菜单分开的问题 内容过少时:将左侧一级菜单的顶部与悬浮层的底部进行高度对比; 首先获取左侧一级菜单所处的高度(一级菜单li的索引*每个高度为30+标题部分的高度):h0=(this.i-1)*30+42;/*在显示的height=30px时,this.i-1是正确的。在height=60px时就有偏差*/ 其次获取悬浮层的高度(当前活动DIV上部距离顶部的高度+本身DIV的高度)即:h=this.getElementsByTagName('div')[0].style.top+this.getElementsByTagName('div')[0].offsetHeigth; 判断语句:if(h<h0){this.getElementsByTagName('div')[0].style.top=h0+'px';} 2、如何解决二级菜单内容过多导致在当前窗口显示不全的问题 内容过多时:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550) 550是浏览器窗口除去浏览器的标签栏、地址栏、收藏栏等的大概可用高度 将二级菜单top属性设置小一些 {this.getElementsByTagName('div')[0].style.top='3px'} 注意:height是像素值,offsetHeight是数字值。所以用offsetHeight。 如果在for循环下直接使用i是不会产生闭包的。 由于是在function()函数体中使用i所以产生了闭包,这个函数里面根本没有i这个变量,所以函数会从父级函数中去找i,当找到这个i的时候,for循环已经循环完毕了,所以最终会返回i的最后一个值; 要获取正确的i值,可以将i值绑定在调用函数的对象上,然后在函数内部使用this.i来获取。
    查看全部
  • box-shadow:0 0 8px #DDD;/*发光效果 参数:水平位移(正数向右,负数向左),垂直位移(正数向上,负数向下),阴影宽度,颜色*/ -moz-box-shadow:0 0 8px #DDD;/*firefox发光效果*/ -webkit-box-shadow:0 0 8px #DDD;/*chrome发光效果*/
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-27

  • 图片浮动
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-27

  • 图片在右下角且浮动出界面
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-27

  • 导航添加鼠标移开效果
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-27

  • 为悬浮层中的明细菜单A标签间插入分隔竖线
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-27

  • 当鼠标移动到大类菜单时,显示外外光的边框,右侧无边框
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-27

  • 背景图片
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-27

  • csshover.htc
    查看全部
    0 采集 收起 来源:悬浮层制作

    2017-08-21

  • QQ,按crtl+alt+A截图,再按ctrl可以看到16进制颜色
    查看全部

举报

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

微信扫码,参与3人拼团

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

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