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

商城分类导航效果

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

已采纳回答 / 冷月诗魂
<...图片...>这些是position的属性值,你要移动图片本身,使用top、right、bottom、left这些属性时,就要加上position这个属性,

已采纳回答 / 风飘叶摇
 1.li[i].i=i; 里面.i是我们人为给它设置的一个属性,这个属性你可以自己命名,li[i].abcd=i都可以,你可以理解为我们在li[i]中给它设置了一个变量,属于li[i]的变量,所以下边使用的时候,我们就得 this.abcd 这么写哈2.其实我个人试了一下,减不减一都行的,减一之后,二级菜单的高度始终都会比一级菜单高一个li的高度,如果不减一的话,二级菜单就会和当前的li一样高,看起来整体效果就被破坏了,所以我觉得这才是老师要减一的用意。

已采纳回答 / qq_孤城少年_0
:hover在主流网站中还在用,而且不仅局限于在a标签,但是在IE6下只有a适用:hover。(解决办法可以下载一个hover补丁)另外,一般情况下,开发时,还是用js来实现,因为:hover容易产生一些兼容性问题

已采纳回答 / 十分正经的钱同学
含义不同:不多说。适用不同:ul li更适合用于一级菜单dl dt dd更适合用于二级菜单内容设置

已采纳回答 / yybyte
submenu是包涵在标题div中的 , 层级自然比标题div高

已采纳回答 / 慕粉4383214
i<Lis.lenght 单词拼错了 应该是i<Lis.length

已采纳回答 / 我就叫李二毛
你这没给了li中加 boxshadow啊。  你加上试试。这两个按道理来说是互不影响的。

已采纳回答 / 慕粉3914370
为了兼容老版本的 IE6 浏览器而引用的,

已采纳回答 / 点点星光fighting
我理解的是这两个没有关系,.lihover只是个类名,是给li标签添加的类名,使li标签里的样式变成设置的.lihover submenu里的样式,而li:hover是用css的方法设置li标签的悬停样式

已采纳回答 / 慕粉2018078477
getComputedStyle(div,false)['top'];      //其他div.currentStyle['top'];    //ie

已采纳回答 / 碎裂的辰星
topmenu中li原来的height=30px,lihover中的height为60px

已采纳回答 / Kian_
可能由于浏览器的原因可以试试这样offsetHeight = height + padding + border

已采纳回答 / rainy_li3676598
其实是可以的, 因为代码是一层层解析, 就像你设一个div, margin:0 auto, margin-top:50px; 那么这div会在Body里面先居中显示, 然后距顶50px; span也是一样, 你先设置成block,后面再写display:none, 一样可以实现, 只是你自己看不到效果而已。建议这些问题, 你自己先考虑一下, 然后在dw中写个代码试试, 我在慕课里,看到过很多人, 自己都不尝试, 就跑去解答别人的问题, 结果,是在误导别人。 就比如1楼这位。 如果按他的说法, margin...

已采纳回答 / 梁凤波
是的 这里用相对定位的好处就是 小白框和悬浮层完美融合在一块  大家知道absolute是绝对定位,会脱离文档,不太好控制, 一般我们在网页制作的时候,一般父元素为相对定位,子元素为绝对定位,这里li没有设置相对定位,再用相对定位的话,小白块的位置需要再作调整、
首页上一页123456下一页尾页
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消