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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
.topMenu li div {
display: inline-block;
width: 4px;
height: 4px;
border: 2px solid #bbb;
border-color: #bbb #bbb transparent transparent;
transform: rotate(45deg);
float: right;
margin-right: 11px;
margin-top: 10px;
}
没有背景图
FSCapture
很小的一款截图软件,各种花式截图,能动态显示像素大小,推荐试一下
说老师声音好听的是man吗?
这样写,当鼠标移上去时每个li都加了高度,建议在js里先判断一下哪些li下面有<b>,对该li加高度,其余没有的就不加高度了
道理我都懂,但是不是说好的“结构,表现,行为分离“原则呢。。。开个玩笑,确实巩固了CSS,还学到有关CSS的不少新知识点~
现在用的都是简单的几个标准DOM,兼容性都没问题,以后复杂了就麻烦了,不过处理起来也会比用纯CSS简单。老师没有解释清楚,不过他的逻辑是没矛盾的,
pt来定义字体太小,不太好吧,像素和百分比,规范些吧
window.onload=function () {
var Lis=document.getElementsByTagName("li");
for(var i=0;i<Lis.length;i++){
Lis[i].onmouseover=function(){
this.className="lihover";
}
Lis[i].onmouseout=function(){
this.className="";
}
}
html 里面没定义lihover这个类啊
慕课网突然变得好卡好卡好ka
一起来吧!
感觉看完第一节课时之后我觉得用jq其实很好实现,每个一级菜单里是一个ul排列的li标签,li标签里既然a标签不友好的话那可以用span标签,然后用jq的选择器的方法可以在标签上不添加任何选择器而选到该标签,然后该标签的移入的时候this下这个标签的子标签,然后就是两个标签的初始css样式和移入的css样式了! 表示现在jq的选择器用的习惯些
看到评论好多用QQ取色的评论,我想说,用chrome浏览器的开发者工具就可以很轻松地获得各种样式值,而且是精确值,还可以进行颜色值类型转换。这不是web开发必备神器么?
一级菜单的a标签后所带的span标签,可以用::after伪元素来实现,尽量减少html的无用标签,
小丑鲜花网那位,第一个li item的二级菜单层位置就不合理,鼠标移出一级菜单条目的时候,对应的二级菜单就消失了,反人类的位置定位。建议在一级菜单的第一位置插入个小图片占位,起码,一级菜单跟二级菜单还是要在起始位置水平对齐
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消