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

商城分类导航效果

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

已采纳回答 / 忆水寒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...

已采纳回答 / 沙漠之舟08
当然不可以,myScroll是一个ID值,并不是对象;ID值只是提供给clearInterval()来停止定时器用的。

已采纳回答 / aparch
我上网找到了原因,告诉你一下,在LI标签的大类中,你肯定和我一样不是用老师教的padding-left:8px;这样缩进的,而是用text-indent缩进的对吧,我改成老师的,就好了。所以特地找你的代码看了,2出都是text-indent。这里附上网上的解释:<...图片...>如果你解决了问题,记得给我加分啊

已采纳回答 / qq_影_9
charset有无定义为utf-8,即<meta charset="utf-8">;还有文档的编码格式也要为utf-8才行

已采纳回答 / 小感冒
因为写代码的页面是动态的,就是不断提交,方便我们看到右侧的效果,所以for循环就会不断循环,不断提交,但是又没有结果,所以会容易卡主,建议复制到本地写一下 ,然后粘贴回来

已采纳回答 / 木刻雪原
在没有添加 .lihover 类名 之前   .topmenu   .lihover    .submenu {}   此处的查找样式路径是  .topmenu  下的 .lihover  下面的  .submenu 类;但是由于.lihover 不存在  所以这里最终无法完成对.submenu类 的样式加载;在没有添加 .lihover 类名 之后   .lihover 存在了  所以含有 .lihover 的类路径  变正确了,就完成了类样式的加载;

已采纳回答 / qq_安伊偌拉_0
粗心.nevigation li:hover .submenu1{display:block;}里面的nevigation写错了,应该是navigation 

已采纳回答 / 琦屹
不可以省略,如果省略了就变全局变量了,在严格模式下是会报错的,但是你可以把起始条件放在循环外面比如:var i;for( i=0;i<Lis.length;i++)或是:var i=0;for( ;i<Lis.length;i++)

已采纳回答 / ZS星闪
我的刚才也是重启电脑后重试就解决了

已采纳回答 / island8
        .topmenu .lihover /*鼠标移动到上面时,应用的样式*/        {            border: 1px solid #DDD;            border-right: 0;            box-shadow: 0 0 8px #DDD;            -moz-box-shadow: 0 0 8px #DDD;            -webkit-box-shadow: 0 0 8px #DDD;            bac...

已采纳回答 / 哿尘雨
审查一下元素看看这句是不是被覆盖了,要么设置的值格式不对,问题都不描述清楚让我们怎么回答

已采纳回答 / arlenhui
list数组的第i+1项的i属性赋值一个值为i的值。i属性就是i属性,不需要代入数字

最赞回答 / Lance金牛座
我认为应该是 i*30+42 , i是索引号,本来就比lis的length小1,要判断i的上一个li元素的下边框高度,正好是i*30.

已采纳回答 / arlenhui
relative是相对自身定位,absolute相对于父级元素中第一个有relative属性的元素定位(如果都没有,相对于body定位)。请理解这两种的区别
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消