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

商城分类导航效果

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

已采纳回答 / 任性不是罪
建议你再去网上查找一些关于this的用法哦,this相当于一个指针,指向当前的已经获取的对象。但是你这里的aLi[i]却没有这个属性的哦

已采纳回答 / qq_浮云丶暖_03699680
if改成for,“Lis[i].i = i;”这句是什么作用,也去掉

已采纳回答 / qq_YC_富豪君_0
z-index属性一般与position:absolute绝对定位结合,表示叠层效果,好比三本书叠着放在一起,最上面的可以设置为z-index: 3;中间位z-index:2;最下面位z-index: 1;,注意最上面书的能挡住下面的书。而且z-index的值可以为负数,也就是说z-index的值越小,那么这个东西就越在下面。 

已采纳回答 / 不肖生
原理上是这样的,数字只是表示上下,高好多层也没啥,定20,我觉得只是为了确保,如果后面再加层的话,它仍然在最上层的方式。

已采纳回答 / 良辰瑾空人心
a是inline标签 没有宽度和高度。li有高和宽 所以背景图片加在li中 a是文字内容 宽度是随文字大小而改变的

已采纳回答 / 我一定不是吃货
body有margin一级菜单有边框,实际宽度大于220px

已采纳回答 / 慕粉1888
.topmenu .lihover .submenu即classname=topmenu中子元素classname=lihover的子元素classname=submenu的元素

已采纳回答 / 000xiaozhi
submenu是在li的里面,继承了li,所以你鼠标移到了二级菜单时也相当于在当前这个li里面

已采纳回答 / 打开铃铛
相对于原来的位置啊。意思是距离右侧20px,距离下侧20px,也就是右下。也可以改成正,那就是left和top,距离左侧20px;距离上侧20px.

已采纳回答 / 爱笑的夏天
onmouseover=function{}改成onmouseover=function(){}

已采纳回答 / Richard_1108
请问你用的是IE6吗?

已采纳回答 / julin1991
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>导航条</title></head><body>    <ul id="topmanu">      <div id="toptitle">商品全部分类</div>...

已采纳回答 / 忆水寒1993
<...图片...>photoshop切图

已采纳回答 / shamelex
不好意思,之前那个有错。window.onload=function  () { var x=document.getElementsByClassName("aLink"), p=document.getElementsByClassName("shopList_item"); var timer=null; x[0].onmouseover=p[0].onmouseover=function(){ p[0].style.display="block"; clearTimeout(ti...
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消