-
慕用8339455
- 请问这里的空格为什么直接可以显示？？不要用 ；吗
- 2020-07-21 1回答·686浏览
-
鼬神ss
- 我寻思给每个li元素加个border-radius：10px 10px 0 0不就能实现圆角了么，需要搞那么麻烦么，效果一样啊
- 2020-03-25 1回答·710浏览
-
凉了个林
- 导航我不想要方的，想要圆的，请问该怎么做？
- 已采纳 慕斯卡9403101 的回答
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link href="圆角边.css" type="text/css" rel="stylesheet" /> </head> <body> <ul> <li class="on"><a href="#">首 页</a></li> <li><a href="#">联系我们</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">售后服务</a></li> </ul> </body> </html> /*上面为HTML代码*/ /*下面是css外联样式代码*/
@charset "utf-8"
*{margin: 0;padding: 0; font-size: 20px}
ul{height: 50px;list-style: none;border-bottom: 5px solid #F36708;padding-left: 40px;}
li{float: left;margin-top: 20px;}
a{display: block;width: 120px;height: 30px;
text-decoration: none;text-align: center;
background:url("../decompression/《导航条菜单制作》课程源代码/images/btnBg.png");color: black;
background-color: aqua;}
.on ,a:hover{background-position: 0 -30px;color: #ED6A6D;}- 2019-12-12 2回答·775浏览
-
初岁
- 块元素适用于什么情况下？
在对需要设置宽高的标签时，将标签变成快。
- 2019-12-09 1回答·874浏览
-
慕九州636316
- 使用jquery实现二级菜单
- 2019-10-27 0回答·1095浏览
-
前端你
- 为什么我的效果图是这样的，叠到一起去了
- 2019-10-04 2回答·893浏览
-
qq_慕先生3429672
- 这节看不懂啊?
学过javascript没有
- 2019-08-28 1回答·933浏览
-
慕娘9017927
- 关于background-position：0 30px怎么效果也一样啊
- 2019-08-22 3回答·858浏览
-
zozor_訣擇0_0
- 为什么我这个鼠标移开没有隐藏二级菜单？
?问题找到了，offSetHeight这里拼错了 ，头大了。。。。
- 2019-07-30 1回答·851浏览
-
慕娘9499205
- 关于“首页”显示样式的问题
可以使用 或者是直接键盘敲空格
- 2019-07-02 1回答·572浏览
-
weixin_慕九州7514840
- 为什么设置好浮动后，并且经检查代码无误，却没有相应的效果显示？
用clear清除一下 浮动带来的影响 就可以了
- 2019-04-03 1回答·1082浏览
-
weixin_慕九州7514840
- 当鼠标移动到别的菜单项时，为什么”首页“菜单项仍为选中状态？
因为我们给首页菜单项默认为选中状态
- 2019-04-03 1回答·820浏览
-
千山笃行
- 想做出像imooc首页那样的怎么做css 和js?
可以首页按F12去研究一下
- 2019-02-25 1回答·874浏览
-
田马达加斯加
- 为什么一直变宽
This.style.width=This.offsetWidth+8+"px";
if(This.time>=160)
改为 ↓
This.style.width=This.offsetWidth+8+"px";
if(This.offsetWidth>=160)
- 2019-01-15 1回答·1040浏览
-
慕无忌3143822
- js有效果，jq就没效果了怎么回事？求大神告知
俩个function间隔没有用逗号
- 2019-01-07 2回答·1170浏览
-
qq_慕数据0527137
- 怎么判断尺寸大小
截图工具
- 2018-12-24 1回答·1077浏览
-
伶俐的小松鼠
- 我代码都写对了，为什么鼠标放上去不能显示橘色的背景？
多了个大括号，细心点
- 2018-12-08 5回答·1108浏览
-
qq_韦泽光_0
- 老师代码中的This.offsetWidth是哪里来的？
- 已采纳 慕田峪4108961 的回答
JavaScript中常用的方法，例如：
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
this则代表当前给绑定事件的类选择器
- 2018-12-07 1回答·1136浏览
-
yyc_two
- 搞不懂哇！
你给body设置个min-width就行了
- 2018-11-30 3回答·937浏览
-
慕粉2240445164
- 为什么使用text—align:center;出来的效果是文字贴着顶部居中
因为text-align:center是水平居中
- 2018-11-29 3回答·1297浏览
-
Java小黑白
- 怎样设置导航菜单默认选中第一个？？就是没有鼠标经过之前默认选中一个。
在第一个链接中增加一个类选择器，如下代码：
<li><a href="#" class="on">首页</a><li>
然后用CSS样式美化
.on,.a:hover{
background-position:0 -30px;
color:#fff;
}
- 2018-11-22 1回答·5053浏览
-
Mr丶Zhang小
- 我发现这样写是不是有一个错误吗？
我发现不是因为频发移入移出，是因为的写的offsetWidth + 10的原因，才导致我出现这样的问题。
- 2018-11-19 1回答·859浏览
-
根本停不下的龙
- .on,a:hover
首先，.on和a:hover是对两种元素状态的样式控制，.on是对class为on的元素进行css样式设置，而只有首页具有class为“on”的属性，所以只有它初始状态为红色；a:hover是对鼠标移到a标签之后的样式进行设置，所有的栏目其实都会产生变化，但是首页栏目由于初始样式即（.on）控制的样式和鼠标移到首页上的样式即（a:hover）控制的样式是一样的，所以没有变化。
- 2018-10-30 1回答·1359浏览
-
木子婷
- 为什么我的鼠标移除后就无限加长？
原因有两个：
（1）onmouseout里面应该是clearInterval，而不是setInterval；
（2）主要原因
a标签设置了左右padding是20px，而width是60px，所以a标签初始的offsetWidth是100；
当onmouseover时，a标签+8px，然后再设置a标签的width，此时a标签的width=108px，而a标签的offsetWidth=148px，满足条件，此时清除了定时器。
当onmouserout时，启动定时器，a标签的offsetWidth - 8 = 140px，再把140设置为a标签的width，此时a标签的width=140px；而a标签左右padding是20px，所以此时a标签的offsetWidth=180px，不满足条件，所以不会清除定时器。过了30毫秒之后，重复上面的步骤，导致width越来越大。
解决方法：
onmouseout改成clearInterval；
把a标签的左右padding去掉
- 2018-10-25 1回答·560浏览
-
Wandbns
- js不能实现 jquery代码讲的和下载的为什么还有区别
可以实现啊。你用什么写的？
- 2018-10-13 1回答·963浏览
-
慕仔8853991
- 如何在用vs在编写html代码时直接浏览文件（像dw那种）获取绝对路径？
外部文件打包放在一起之后输入路径就可以自动跳出来然后选择了
- 2018-09-30 1回答·1543浏览
-
Annari
- 为什么不通过id获取呢，通过tagname获取后面又要判断subNav是否还有child在展开，不知道哪里听过最好要id获取，但这里的练习都是用tagname，到底哪一种比较规范？
通过ID比较好，实际开发的时候元素会很多，通过ID才是好一些的
这里教课没有涉及ID，不是重点所以才没有提到ID这个概念
- 2018-09-17 1回答·980浏览
-
莫892897612
- 求救求救求救
- 已采纳 wtxy 的回答
要看你用什么软件，一般用得比较多的是ctrl+shift+/ 或 ctrl+/ ，另外快捷键可以自定义的，如果你不熟悉所用的软件，可以找一些关于这个工具教程看看
- 2018-08-26 2回答·1100浏览
-
莫892897612
- 这2句分别表示什么意思呢
我的见解：
getElementsByTagName 这个function是JavaScript一个function，可以根据标签（Tag）来获取一个dom对象。
所以，var aLi=document.getElementsByTagName('li');是根据‘li’标签获取一个elements数组，,也就是获取到‘li’标签元素的相关信息。
类似方法还有，getElementsByClassName，getElementById
aLi[i].onmouseover=function(){
//鼠标经过一级菜单，二级菜单动画下拉显示出来
var subLi=this.getElementsByClassName('subNav'); // 这个this指的是aLi[i]，由于这个onmouseover 事件是加在aLi上的，所以这里的this指代的是这个aLi[i]对象，oSubNav = this.getElementsByTagName('ul')[0];这个同理
if (subLi.length > 0) {
subLi[0].style.height = '120px';
}
}
- 2018-08-26 1回答·1123浏览
-
莫892897612
- 求救求救求救
- 已采纳 慕粉2324294556 的回答
将nav、li、a这三个的交互效果设置为：当鼠标掠过此区域时，背景颜色变为橙色，文字颜色变为白色
- 2018-08-24 1回答·1193浏览
