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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • ,按完crtl+alt+A之后,只按ctrl就可以看到16进制
    查看全部
  • div层调整zindex属性无效原因分析及解决方法 (2014-01-08 14:17:14)转载▼ 标签: it 在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。 1.第一种情况(z-index无论设置多高都不起作用情况): 这种情况发生的条件有三个: 1、父标签 position属性为relative; 2、问题标签无position属性(不包括static); 3、问题标签含有浮动(float)属性。 eg:z-index层级不起作用,浮动会让z-index失效,代码如下: 1 <</code>DIV > 2 <</code>IMG src="http://www.yuanchuang.net/uploads/allimg/131101/1A5494I0-0.jpg"> 3 </</code>DIV> 解决办法有三个(任一即可): 1、position:relative改为position:absolute; 2、浮动元素添加position属性(如relative,absolute等); 3、去除浮动。
    查看全部
    4 采集 收起 来源:编程练习

    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

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

    2016-04-22

  • 用到了JS的闭包 (1)lis[i].i 把第i各li增加个属性“i”,把当前的i赋值给属性“i” (2)在onmouseover 调用this.i,也就是当前li里面的属性“i”的值 (3)onmouseover为外部函数,调用了li的属性“i”,而属性“i”在内部函数for循环里被定义赋值,这样形成里JS闭包,所以属性“i”不会被回收机制回收
    查看全部
  • 使用QQ取颜色时按住ctrl,就可以直接看到16进制的值。 谢谢同学
    查看全部
    2 采集 收起 来源:编程练习

    2016-01-29

  • 老师说:之前的课程里提到使用QQ取色得到的是10进制值,需要用科学型计算器进行计算才得到16进制。其实不用这么麻烦,只要在使用QQ取颜色时按住ctrl,就可以直接看到16进制的值。
    查看全部
    2 采集 收起 来源:编程练习

    2015-08-11

  • ul 本身就是块状元素,还用加display属性为block吗
    查看全部
  • 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来获取。
    查看全部
  • inline-block的元素特点:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)<br> !!思考下,为什么要inline-block而不是block
    查看全部
    2 采集 收起 来源:鼠标浮动效果

    2018-03-22

  • relative的有两个属性①是以自身为参照基准进行定位,也就是相对于<自身原有位置>进行偏移 。并不是相对于其他元素进行定位,这个要理解好。②一旦设置了relative,那么随即就会产生z-index属性,就是空间层堆叠,由于二级菜单的包裹层的z-index默认是小于10的,那么span标签设置了z-index:10 那么就是从顶层往下面遮盖住了二级菜单border。就是这个原理,理解清楚relative的两个属性是关键!
    查看全部
    2 采集 收起 来源:鼠标浮动效果

    2018-03-22

  • 使用img标签 <img class="rightPic" src="#">; 设定此类的位置: positon:relative; rigth:-35px;bottom-40px;使用副值来使照片溢出
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 如何解决悬浮层因内容太少而导致鼠标无法移入的问题。 解决思路:通过当前一级分类的底部距离顶部的高度h0和悬浮层底部距离顶部的高度h相比较,如h0>h则将悬浮层的位置往下移动至h0(一级菜单底部)处。 offsetHeight:获取可视区域的高度(实际看得到的那个高度,不包括滚动条的高度)。
    查看全部
  • 1.背景图片引用 background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); 2.取消背景图片的默认重复行为 background-repeat:no-repeat; 3.背景图片右对齐 background-position:right; 4.设置背景图片颜色以符合要求 background-color:#FAFAFA; 5.背景图片为空 background-image:none;
    查看全部
    1 采集 收起 来源:编程练习

    2016-02-17

  • 用<a>标签对搜索引擎不友好
    查看全部
首页上一页1234567下一页尾页

举报

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

微信扫码,参与3人拼团

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

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