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

商城分类导航效果

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

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

已采纳回答 / 慕粉18221508921
<div class="submenu">//忘了加引号放到sublime text 3 里,会有提示,直接就改出来了,对了,我是把html,css,js的hint都装了,所以找错比较容易

已采纳回答 / Smile伊尊
鼠标经过的悬浮层位于Li标签内:<li><a href="#">图书、音像、数字商品</a>                                                        <div id="submenu">                                                           <div id="leftdiv">                            ...

已采纳回答 / 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没有设置相对定位,再用相对定位的话,小白块的位置需要再作调整、

已采纳回答 / qq_苏慕遮_24019744
你这个109行中的div应该放在一级菜单li中,不然你现在的li中没有包括你要展示出来的东西,当然不会显示

已采纳回答 / 幽蝉鸣泣之时
相当于给这个添加了一个类   使用这个类的样式    你的CSS里肯定有lihover的样式的

已采纳回答 / 我是刘高兴
<...code...>注意注释对应的内容,这样便可以了

已采纳回答 / 慕数据1249894
position:relative;定位是相对于元素本身的位置来定位的

已采纳回答 / 慕粉1462190548
rightdiv是200,设置了左浮动,右边空白会多出来,也可以把submenu减少5个像素会好看一点

已采纳回答 / 人木言若
offsetHeight获取的是数值,如offsetHeight=12;this.style.height获取的是属性值,this.style.height=12px;

已采纳回答 / 左忆
设置span的位置试试position:relative;

已采纳回答 / 驴是的念来过倒
实现一个效果可以 用多种方式完成,能想到别的办法解决问题说明你对页面布局的理解力还是挺不错的
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消