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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
看完则个收货颇多,但是因为是教程所以部分地方没有紧追规范来写,但是还是总体讲得不错!老师教的所有效果都能通过代码实现出来!学习了!
喜欢这个老师。。。。

已采纳回答 / 驴是的念来过倒
实现一个效果可以 用多种方式完成,能想到别的办法解决问题说明你对页面布局的理解力还是挺不错的
老师,走,搞鸡去!
css样式中有这样一个样式.topmenu li:hover span,可是案例中没有span标签,所以就达不到视频里的效果,给每一个li加一个span标签就可以了

最新回答 / 水里有条鱼
有的,就是给你当前的节点对像安排一个权值,当有两个对象会占用同一个地方时,权值大的节点会被显示出来,权值小被遮挡而隐藏掉
ul本身就是块级标签为什么还要加display:block,语义用的也不对,ul里只能包li div放在ul外面结构更清晰。

已采纳回答 / 用户1136527
如果没有“Lis[i].i = i;”这句话,每次遍历完的i结果就是最后一次遍历的那个结果,所以再求h0的时候h0是固定值了,每次悬浮层都在最底下。要想获取每次遍历的i值,就要加上这个Lis[i].i = i; var h0=(this.i-1)*30+42;
从2.0速度换过来。。。感觉老师懒洋洋的。。。还是2.0比较磁性
这里也可以使用position:absolute, li右边的那个div设置了position: absolute; 这个时候img就以div进行偏移. 这是在设置了position情况,如果没有设置就以<html>进行偏移. 视频中是position:relative, 相对自己原来的位置进行偏移, 这个也可以.最好还是使用最后一种,万一自己没有重新设置父元素position,就有点问题了
刚好自己在练习京东的页面,这个教程帮助很大~~
京东页面自己也写好一大部分了,从一个小白,在慕课学了2个多月,现在能够写出京东页面了,付出就有收获~~
谢谢老师。谢谢分享。

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

已采纳回答 / 左右012
li加上边框后,li的实际高度就等于li原来的高度加上li上下边框的高度了,所以要提前把li的高度减去li上下边框的总高度,然后再加边框就不会影响原来ul的高度了。
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消