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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。
比如,如果设置值为 50px 100px,图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上:
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat;
background-position:50px 100px;
},移动的点事相对于左上角的坐标,所以0 -30px,是向上移动。 顶起来。

已采纳回答 / 丶君寻
:hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器可用于所有元素,不只是链接。(:link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接,在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。)

已采纳回答 / stone310
JQ是不断更新变化的,从1.xxx到3.xxx,功能的添删各有不同,但是最大区别是2.0之前支持IE6/7/8,2.0之后只支持IE9以上,因此目前用的多的还是2.0之前,毕竟还有有项目要支持IE 7/8;具体用什么版本看自己的需求,功能能满足便可以
基本的样式清除: *{margin:0;padding:0}

无序列表圆点去除: ul{list-style:none}

下划线去除: a{text-decoration:none}

文本缩进标签 text-indent 不会影响总体宽度(padding会)

需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block}

hover格式 a:hover{}
我想用jquery,哈哈。不过他不提供。
呵呵,懂了,这个里面的东西,是拿着JS来解决的,不过,老师,JS我们还没学呢?
说实话,本人前面的教程真的是一节不落,全部看了,这是最后一节,对于这个测验,我只想说一句,不是不会,是压根看不懂,课程没交,新手怎么做?看了别的同学的“同学代码”,我只想说一句,同学,你写出的代码,是在前边哪一节课?你写出的代码,很多不认识,这个测验,确定是用前面的知识来解决的?同意的举个爪!

最新回答 / 给我一杯咖啡
this是Javascript语言的一个关键字它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。
还是有BUG 全屏才正常,不然切换几个格子快速划几下就会卡主
var This=this是局部定义。。。那个clearInterval是怎么清除反向作用的。。。
aLi[i].onmouseover=function(){ var oSubNav=this.getElementsByTagName('ul')[0]; clearInterval(T); T=setInterval(function(){oSubNav.style.height= oSubNav.offsetHeight+20+"px"; if( oSubNav.offsetHeight>=120)clearInterval(T);},30)}
aLi[i].onmouseout=function(){ clearInterval(T);var oSubNav=this.getElementsByTagName('ul')[0];
T=setInterval(function(){oSubNav.style.height= oSubNav.offsetHeight-10+"px"; if(oSubNav.offsetHeight<=0)clearInterval(T);},30) }}}
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;}
.nav li a.on, .nav li a:hover{ background-position:0 30px; color:#fff;}

最新回答 / Xufj
top值,没有起什么效果啊,把top去掉也没有任何变化啊
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消