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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
一般来说,不建议js做导航,这不利于搜索引擎蜘蛛的爬行抓取
为啥没有了最后一章节,那么重要的展望
老师搞不搞基
ul本身不就是块级元素了吗
这个跟css没啥区别,,没有通过js改变原本可能存在的兼容性,只是添加个class,,添加个事件,,,无语
之前的课程里提到使用QQ取色得到的是10进制值,需要用科学型计算器进行计算才得到16进制。在使用QQ取颜色时按住ctrl,就可以直接看到16进制的值。
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 = "";
}
}
有错?
呦西,又日完一个课程
只有第一个li有hover效果
老师说:之前的课程里提到使用QQ取色得到的是10进制值,需要用科学型计算器进行计算才得到16进制。其实不用这么麻烦,只要在使用QQ取颜色时按住ctrl,就可以直接看到16进制的值。
63行 改为 height:28px; 更好些哦~
那图片分明是个xbox,不是wii……
for循环写到一半就崩溃,可能是慕课网代码编辑器的bug,建议大家在本地编辑器编好在复制上来提交,应该就没有问题了。
研究了好久才显示出来 方案: .topmenu li:hover .submenu

这一行中的</li>闭合标签应在后面div层后面<li> <div class="submenu"></div> </li>
如果导航菜单被窗口上沿遮去一部分,这个效果岂不是就失败了
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消