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

商城分类导航效果

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

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

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

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

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

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

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

已采纳回答 / 驴是的念来过倒
实现一个效果可以 用多种方式完成,能想到别的办法解决问题说明你对页面布局的理解力还是挺不错的

已采纳回答 / 用户1136527
如果没有“Lis[i].i = i;”这句话,每次遍历完的i结果就是最后一次遍历的那个结果,所以再求h0的时候h0是固定值了,每次悬浮层都在最底下。要想获取每次遍历的i值,就要加上这个Lis[i].i = i; var h0=(this.i-1)*30+42;

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

已采纳回答 / 左右012
li加上边框后,li的实际高度就等于li原来的高度加上li上下边框的高度了,所以要提前把li的高度减去li上下边框的总高度,然后再加边框就不会影响原来ul的高度了。

已采纳回答 / 慕粉3473542
你用chrome 打开慕课网,按F12打开调试工具,在console 里敲以下代码:<...code...>你会发现,评论框工具条的高度变得很高。这说明DOM元素的style 属性是可以直接读写的。<...图片...>如果老师...

已采纳回答 / Collus
从字面解释就是:把变量i的值赋值给Lis[i]元素的i属性。这条语句主要用于获取每个<li>元素上边沿到顶部的距离。"Lis[i].i=i;"中有三个i,从左到右,第一个和第三个是相同的意思,表示存放<li>元素的数组Lis的下标。中间的i是动态添加给数组对象的属性(数组也是对象,所以可以动态添加属性)。PS:题注代码没贴全,这条语句是给下面代码中注释部分用的。<...code...>

已采纳回答 / koromon
为了兼容老版本的 IE6 浏览器而引用的,http://blog.sina.com.cn/s/blog_67a4066a01017hao.html
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消