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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
z-index:2 设置显示位置的先后
每一个a标签应该单独对应一个产品并设置它的样式,京东的样式在设置鼠标悬浮的时候没有将下划线连接在一起。
css好难。。自己写这一大张绝对会吃瘪。
var h=this.getElementsByTagName('div')[0].scrollHeight;
用这个 可以获取div的高度 top只能获取内联元素的高度,可是还是有问题在最下面一个的时候,h0的高度在很下面,h也只能跟在最下面
@带领世界来看你,lis[i].onmouseover= function(){}后面要加分号;onmouseout也是一样,可以用sublime text 3写代码,会有提示的,但是我把分号去掉也是可以跑得;
MD,这个老师我很喜欢,哈哈
源代码布局有点问题
position:relative;是相对于自身偏移的。

position:absolute;才是相对于父元素父元素发生偏移的!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!我还以为我理解错了,
background:url("http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg") right center no-repeat;
其实就是那么简单,css写样式,用js让他们切换就行
第一评论太自负了。。解决的兼容性是针对:hover选择器的,别的那里面的css属性有个屁的不兼容,都是常用的。
不懂还装,还误导他人。
background:#ccc url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) no-repeat right;
一楼是错的~
不止这一个条件,别被误导了
扣扣截图怎么获取颜色??
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消