为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 商城分类导航效果 问答

商城分类导航效果

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

鼠标经过悬浮层出不来 欢迎大家来找茬

已采纳回答 / Smile伊尊
鼠标经过的悬浮层位于Li标签内：<li><a href="#">图书、音像、数字商品</a>                                                        <div id="submenu">                                                           <div id="leftdiv">                            ...
1 回答 647 浏览 2-3 鼠标浮动效果
2016-11-29

为什么一级菜单的高度这样算： var h0 = (this.i - 1) * 30 + 42

最新回答 / 慕粉3568301
我觉得不减1，看起来更好看，减去1，反而有点突兀
3 回答 914 浏览 4-1 细节优化及扩展（一）
2016-11-27
qq_Whatthehell_1
MD,这个老师我很喜欢，哈哈
0 2-5 悬浮层制作
2016-11-27
大大张伟大
瑕不掩瑜。
6 4-2 细节优化及扩展（二）
2016-11-26

哪里出错了，没有系哦啊过，css就有

最新回答 / install
this.className = lihover;这个地方要加 ' '  就是这样this.className = 'lihover';
1 回答 720 浏览 3-1 JS实现特效
2016-11-26
慕村8553765
源代码布局有点问题
0 2-4 编程练习
2016-11-24
东1999
position：relative；是相对于自身偏移的。

position：absolute；才是相对于父元素父元素发生偏移的!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!我还以为我理解错了，
1 4-2 细节优化及扩展（二）
2016-11-24
Lunay
background:url(&quot;http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg&quot;) right center no-repeat;
0 2-2 编程练习
2016-11-24

兼容性问题。。

已采纳回答 / Kian_
可能由于浏览器的原因可以试试这样offsetHeight = height + padding + border
2 回答 1192 浏览 4-1 细节优化及扩展（一）
2016-11-22
qq_泡泡茶壶_0
其实就是那么简单，css写样式，用js让他们切换就行
0 3-1 JS实现特效
2016-11-21
这都不会
第一评论太自负了。。解决的兼容性是针对:hover选择器的，别的那里面的css属性有个屁的不兼容，都是常用的。
不懂还装，还误导他人。
11 3-1 JS实现特效
2016-11-20

为什么只有第一个li出来onmouseover效果？

已采纳回答 / weibo_就是逗_B_任性_04334
其他的右边的整个div你没画吧
1 回答 1771 浏览 3-2 编程练习
2016-11-19
weibo_小小涛思密达_03965743
background:#ccc url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) no-repeat right;
0 2-2 编程练习
2016-11-18
沐皓
一楼是错的~
不止这一个条件，别被误导了
0 2-2 编程练习
2016-11-17
云彩无色3804005
扣扣截图怎么获取颜色？？
0 2-1 分类导航一级菜单制作(CSS版)
2016-11-15
忘咲
注意力一直在京东左上角的足球上，怎么办？在线等挺急的[笑哭]
0 2-5 悬浮层制作
2016-11-14
首页上一页14151617181920下一页尾页
开始学习
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识，但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧！
老师告诉你能学到什么？
让您学会开始编程前如何进行分析，让编写代码变的事半功倍；如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码，参与3人拼团

微信客服

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

 帮助反馈 APP下载

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

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消