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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
为什么每次都是写完i++浏览器就卡住了!
第五章去哪了???
我准备好了
其实我喜欢写html代码用uc浏览器来测试,因为uc自带截图,alt+x就可以截图,颜色十进制的和16进制的都有。
我就想问下,在css中把.leftdiv li:hover改成.leftdiv .lihover后,在html文件里面要在<li></li>标签里增加class=lihover么
第一个li的top值为42:第二个li的值为30+42=72……;按老师写的var h0=(i-1)*30+42;第一个li为12,第二个li为42……。或许i不减一
看完则个收货颇多,但是因为是教程所以部分地方没有紧追规范来写,但是还是总体讲得不错!老师教的所有效果都能通过代码实现出来!学习了!
喜欢这个老师。。。。
老师,走,搞鸡去!
css样式中有这样一个样式.topmenu li:hover span,可是案例中没有span标签,所以就达不到视频里的效果,给每一个li加一个span标签就可以了
ul本身就是块级标签为什么还要加display:block,语义用的也不对,ul里只能包li div放在ul外面结构更清晰。
从2.0速度换过来。。。感觉老师懒洋洋的。。。还是2.0比较磁性
这里也可以使用position:absolute, li右边的那个div设置了position: absolute; 这个时候img就以div进行偏移. 这是在设置了position情况,如果没有设置就以<html>进行偏移. 视频中是position:relative, 相对自己原来的位置进行偏移, 这个也可以.最好还是使用最后一种,万一自己没有重新设置父元素position,就有点问题了
刚好自己在练习京东的页面,这个教程帮助很大~~
京东页面自己也写好一大部分了,从一个小白,在慕课学了2个多月,现在能够写出京东页面了,付出就有收获~~
谢谢老师。谢谢分享。
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消