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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
这老师方法真多

最新回答 / rainy_li3676598
在CSS里面,有对 lihover进行定义,然后通过 触发onmouseover的事件,调用函数,函数里面有一句: this.className = 'lihover';   就是将对象的类 定义为 .lihover这个类,.topmenu .lihover /*鼠标移动到上面时,应用的样式*/    {    border: 1px solid #DDD;    border-right: 0;    box-shadow: 0 0 8px #DDD;    -moz-box-shadow: 0 0 8...
最后优化有错....
这老师我好喜欢 尤其是多方式解决问题的思想 cool !
微软宣布今年不再升级ie了 ie其实可以退休了
var h = this.getElementsByTagName("div")[0].offsetTop + y;

这样对吗?
基础不好,一头雾水
太逼了了了了
font-size: 11pt;
list-style-type: none;
text-align: left;
padding-left: 8px;
z-index: 3;
background-image: url(1.png);
background-repeat: no-repeat;
background-position: right;
}
window.onload = function () {
var ali = document.getElementsByTagName('li');
for(var i=0;i<ali.length;i++)
{ali[i].i=i;
ali[i].onmouseover = function(){
this.className = "lihover";
}
ali[i].onmouseout = function(){
this.className = "";
}
}
辛苦老师了。 顺便说一下:总结与展望 那个Unit挂掉了

最新回答 / carolcoral
你应该说的是style.top和offset.top吧style.top指的是你在css中定义了的top值,而offset.top是指div内部的top值判断的意思是判断二级的div的底部位置和一级菜单对应的栏的高度差来判断是否错位了,如果他们的差值是正数说明二级在一级上已经错位,所以需要加上一个top*h的像素高才能看的是一一对应的

最新回答 / 孩纸╭别伤xin、了
.style.top是带单位“px”的,而offsetTop是不带单位的。比如:.box{position:absolute;  top:20px;}其中,.style.top="20px",而offsetTop=20;
.topmenu li{
background-image:url('http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg');
background-repeat:no-repeat;
background-position:right;
background-color:rgba(0,0,0,0.03);
}
.topmenu li:hover{
background-color:rgba(0,0,0,0.0);
background-image:none;
}
老师辛苦了,谢谢!
_ro
讲得太棒了,很赞
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消