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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
不少啊 以前最多也就5页人,现在还有3页,而且这些效果相对简单,人家完全可以选修啊
浮块显示不出来~先看看自己的代码
<li><a href="#">图书、音像、数字商品</a>

<div class="submenu">
<div class="leftdiv">
左<br />
左<br />
左<br />
左<br />
</div>
<div class="rightdiv">

</div>
</div>
</li>
li标签放错位置没 加~的是否把li放</a>后面
最近又出了个新课
没想到这个也可以编程练习,好棒,不过箭头背景色不一样看着有点怪
真是想不明白免费的课程为什么这么多人bb老师 你行你去讲 免费的还不知足
这和tab栏切换不是一样的么
这个葫芦娃莫名戳中我的笑点,哈哈哈
既然说到这儿了,就分享一个前端实用工具,PicPick
任务一:background:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
background-color:#f8f8f8;
background-repeat:no-repeat;
background-position:right;
background-origin:center;
任务二:background:none;
原来慕课也有装B大佬。。
谁说的我一直在看
1.5倍速。。。。
我觉得老师在设置右侧整体悬浮层为绝对定位时,应该在.submenu中设置相对定位的,不然右侧整体悬浮层是根据body定位的,当对.submenu进行偏移设置时,右侧整体悬浮层不会随着.submenu位置变化而变化
relative是相对自己定位。因此设置right:-35px;bottom:-20px;就向自己的右下移动

position是相对于设置了relative的父元素定位,或者祖先元素
background:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) no-repeat right;


background:none;
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消