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

商城分类导航效果

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

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

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

最新回答 / 林x盖0
不太懂你的意思?什么叫边框有反应,但是不能运行...边框有反应是因为    1.设置了鼠标滑过li标签的样式有了边框和去掉了背景图片,你的样式没有错                               2.span设置成一个白色小方框,这里height建议改成30px,width改成20px你的JS代码也没有错,那有可能是悬浮层的类名没有写对

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

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

最新回答 / 慕粉3829718
解决了,是ie默认情况 dl 会有边距,把 dl 的padding 和 margin 都设成 0 显示效果就相同了。另外,在 ff 和 ie 下,都应该是 i 而不是 ( i-1 )

最新回答 / ChenweiSmile
可以写:background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); 或者写成:background-image:url('http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg');都可以

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

已采纳回答 / 慕仰6432972
小哥你的问题能不能写在代码外面,我真是找了半天第一个问题 .menu ul li里面的z-index样式设置的是它的层级,你可以把你页面的内容想象成存在于三围空间中,我的margin和pading不论是上下左右都是在xy平面移动,比如pading-top=20px,就可以想象成这个元素的内边距向y轴正方向移动了20像素,z-index就是z轴,我的Li标签z-index的大小是2,那么我后面的span标签z-index值是20,就远远高于li标签,所以在鼠标移到上面显示的时候,它的内容才能把Li标签部分遮...

最新回答 / 水里有条鱼
有的,就是给你当前的节点对像安排一个权值,当有两个对象会占用同一个地方时,权值大的节点会被显示出来,权值小被遮挡而隐藏掉

最新回答 / 境迁3614995
 absolute是绝对定位要有一个参考元素才能进行定位,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元素起作用
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消