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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
老师,您是猴子请来的吗???
可耻得硬了 ;)
声音好听!!
讲道理,热门类这里单纯加每个li感觉好笨拙。
感觉直接用document.getElementsByTagName("li");太错误了,你能否保证整个页面只有这一处li?
亟需学习啊
/* 任务一 */
background: url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) #f8f8f8 no-repeat right center;

}

.topmenu li:hover
{

/* 任务二 */
background:none;

}
-webkit-box-shadow:0 0 8px #ddd;
-moz-box-shadow:0 0 8px #ddd;
-ms-box-shadow:0 0 8px #ddd;
-o-box-shadow:0 0 8px #ddd;
box-shadow:0 0 8px #ddd;
background-image: url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
background-repeat:no-repeat;
background-position:right;
ie界面太丑,没用过来上网.还用低版ie?out吗
主要是把子菜单分开写在li里面,和选项卡不一样
我个人觉得这种二级菜单真的没有特别多的特性,没必要用js,用css挺方便的就是html结构看着有点别扭,问题来了,为什么京东非要用js,而且没有使用li标签而是用的div
讲的比较好,都是干货,赞!
早晨来一发!!
可以在大類div后插入一個僞元素box 設置透明其 左和下邊 ,再旋轉45度〈topright〉。
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消