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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰

已采纳回答 / 慕仰6432972
小哥你的问题能不能写在代码外面,我真是找了半天第一个问题 .menu ul li里面的z-index样式设置的是它的层级,你可以把你页面的内容想象成存在于三围空间中,我的margin和pading不论是上下左右都是在xy平面移动,比如pading-top=20px,就可以想象成这个元素的内边距向y轴正方向移动了20像素,z-index就是z轴,我的Li标签z-index的大小是2,那么我后面的span标签z-index值是20,就远远高于li标签,所以在鼠标移到上面显示的时候,它的内容才能把Li标签部分遮...

已采纳回答 / 用户1136527
如果没有“Lis[i].i = i;”这句话,每次遍历完的i结果就是最后一次遍历的那个结果,所以再求h0的时候h0是固定值了,每次悬浮层都在最底下。要想获取每次遍历的i值,就要加上这个Lis[i].i = i; var h0=(this.i-1)*30+42;

已采纳回答 / 慕后端9132915
在js里,this表示的是当前对象,而Lis[i]是变化的,这样写的话只对最后的li元素起作用

已采纳回答 / 左右012
li加上边框后,li的实际高度就等于li原来的高度加上li上下边框的高度了,所以要提前把li的高度减去li上下边框的总高度,然后再加边框就不会影响原来ul的高度了。

已采纳回答 / 慕粉3473542
你用chrome 打开慕课网,按F12打开调试工具,在console 里敲以下代码:<...code...>你会发现,评论框工具条的高度变得很高。这说明DOM元素的style 属性是可以直接读写的。<...图片...>如果老师...

已采纳回答 / Collus
从字面解释就是:把变量i的值赋值给Lis[i]元素的i属性。这条语句主要用于获取每个<li>元素上边沿到顶部的距离。"Lis[i].i=i;"中有三个i,从左到右,第一个和第三个是相同的意思,表示存放<li>元素的数组Lis的下标。中间的i是动态添加给数组对象的属性(数组也是对象,所以可以动态添加属性)。PS:题注代码没贴全,这条语句是给下面代码中注释部分用的。<...code...>

已采纳回答 / 南玥
.topmenu li:hover.submenu中    submenu的.前加个空格另外,.topmenu li 中的  list-style-type:onoe;     none写错了

已采纳回答 / koromon
为了兼容老版本的 IE6 浏览器而引用的,http://blog.sina.com.cn/s/blog_67a4066a01017hao.html

已采纳回答 / o_n
块级元素本身的默认属性就是block,所有的块级元素不需要再在使用display:block定义。再一次定义也不会出现错误,这里可能是为了让它显示。

已采纳回答 / 慕粉3491954
你“家用电器”那级li结束部分应该是把.leftdiv和.rightdiv都包裹起来,否则它不起作用,第一级li包裹层级错误改成:<li><a href="#">家用电器</a>        <div class="submenu">            <div class="leftdiv">                左侧二级分类<br />                左侧二级分类<br />      ...

已采纳回答 / Lanierlio_xuan
z-index设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面,像之后的二级目录的z-index就设置为4了

已采纳回答 / qq_我的天空_9
以块状形式展示,具体请看w3c上面的介绍

已采纳回答 / 脑阔疼
在head标签里加<meta charset="UTF-8" />然后检查代码中的字有没有变,有的话改掉
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消