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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
用了加速之后。。。1倍速好奇怪
.topmenu li:hover(这里要空格).submenu
{
display: block;
}
通过js来调用css样式~~
老师的思路真是好,想着用一个span标签遮盖住边框。厉害了
z-index:2 设置显示位置的先后

已采纳回答 / 碎裂的辰星
topmenu中li原来的height=30px,lihover中的height为60px
每一个a标签应该单独对应一个产品并设置它的样式,京东的样式在设置鼠标悬浮的时候没有将下划线连接在一起。
css好难。。自己写这一大张绝对会吃瘪。
var h=this.getElementsByTagName('div')[0].scrollHeight;
用这个 可以获取div的高度 top只能获取内联元素的高度,可是还是有问题在最下面一个的时候,h0的高度在很下面,h也只能跟在最下面

最赞回答 / 罒道风
这个是为了写js加样式, 鼠标移入就加这个样式 移出就为空oLi[i].onmouseover=function()                {                    this.className='lihover';                }                oLi[i].onmouseout=function()                {                    this.className='';                }

最新回答 / 肖炎
谢谢  我问完我自己就懂了  还是很谢谢你  。
@带领世界来看你,lis[i].onmouseover= function(){}后面要加分号;onmouseout也是一样,可以用sublime text 3写代码,会有提示的,但是我把分号去掉也是可以跑得;
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消