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

商城分类导航效果

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

已采纳回答 / Lanierlio_xuan
z-index设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面,像之后的二级目录的z-index就设置为4了

已采纳回答 / qq_我的天空_9
以块状形式展示,具体请看w3c上面的介绍
哎吆耶..
var Lis = document.getElementsByTagName("li");
for (i = 0; i < Lis.length; i++){
Lis[i].i = i;
Lis[i].onmouseover = function(){
this.className = "lihover";}
Lis[i].onmouseout = function(){
this.className = ""; } }
float:left;
display:block;
border-left:1px solid #999;
/* 任务一 */
background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
background-position:right;
background-repeat:no-repeat;
/* 任务二 */
background:none;
万恶的IE6,老师好可爱o(*≧▽≦)ツ
@bingo_0028 时间: 2016-07-09
代码只做第一个类目,做第二记得加<span></span>
沉迷学习!日渐消瘦!无法自拔!
我喜欢学习!学习使我快乐!

最新回答 / Aimeesui
方法一:把div的宽度减去padding、margin值;方法二:css3中有个属性可以在不改变宽度的同时增加border margin padding  就是box-sizing  可以去查一下他的用法
什么出不来、老师讲的不好什么的!都是自己的问题,肯定没仔细听,仔细检查。
逻辑很清晰,不错
闭包那讲的那么快,s'
第一个li的top值为42:第二个li的值为30+42=72……;按老师写的var h0=(i-1)*30+42;第一个li为12,第二个li为42……。或许i不减一
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消