-
导航菜单属性尽量对<a>标签进行设置,需要display:block查看全部
-
ul li ul li嵌套时,若要获得第一个li下的ul 先用 document.getElementsByTagName获得li集合 再循环用this.getgetElementsByTagName("ul")获得其下的ul,并且可用this.getgetElementsByTagName("ul")[0]得到第一个ul查看全部
-
js里区分大小写var This 与 this 不同,且this 是关键字,使用该变量时要小心查看全部
-
背景图片的偏移:background-position:0 -30px; 对于Y来说:-是向上移,+是向下移, 对于X来说:-是向左移,+是向右移查看全部
-
margin-top:-10px;可以使高度变大的块上移,与其他块处于一个平面 line-height:40px;可以使文字垂直居中查看全部
-
背景图片沿y轴向上移动30px(水平方向不动) background-position:0 -30px;查看全部
-
*{margin:0; padding:0; font-size:14px;} ul{ list-style:none; width:100px} a{color:#333;text-decoration:none} .nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;} .nav li a:hover{ background-color:#F60; color:#fff}查看全部
-
background-position:0 -30px背景图片的位置移动查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
通过float属性将导航菜单变成水平方向 要用到text-align=center 还要将a标签设置成块状即 display:block 然后就可以设置每个小块的其他的属性 不需要首行缩进text-indent:10px查看全部
-
一般使用“ul/li”来制作菜单导航条查看全部
-
text-indent:文本缩进查看全部
-
list-style:none/*清除列表原点查看全部
-
2016年3月23日 6-2代码任务<br> 一.代码中的if(oSubNav),有作用么,去掉可否:< 答:不可以去掉,那个是判断你鼠标所在的导航上是不是还有二级导航,如果有就没有问题,如果没有二级导航,你也不加判断,后面的代码就会报错。 二. 常犯的错误: 1.代码要注意缩进 特别是(){}这些的作用域, 2.有错别字,对象没改到。 3.估有点昏 先是全局的 然后是 for的 然后才是事件的 三.关于this.property (JS的this还是不清晰) 1.不该定义timer,应该挂载到每个li下面,这样不至于出现多个li争抢一个timer发生下滑菜单颤动纠结的现象; ——问:具体该怎么定义timer呢,见2; 2.不要写timer,写this.time即可(即把time挂到每个ul下) clearInterval(this.time); this.time = setInterval 3.这里的time并非一个变量,而是可以看作为是当前元素的一个自定义属性,不是该元素自带的属性,而是我们自己人为添加上去的,名字可以任意设置:this.aaa,this.bbb都可以,这个是可以直接赋值使用的不需要声明的。例如document.getElementById ('txtBox').setAttribute("haahaha","123456");这样也是允许的(后面的.getElement…….setAttribute)??还是不明白【类似于课上学到的this.index,也是直接就拿来用了,但是原理机制是什么?】 4.为什么二级菜单中的li也能找到ul?由此触发了ul高度增加... 把ul的背景设为可见色,便可以发现在鼠标经过二级菜单时,也会触发ul的高度增加: 具体代码如截图————产生原因:事件冒泡 如果父div有click事件, div里的span也有click事件, 默认你点span的时候父div的click事件也会被激发, 如果你不想激发父div的click事件, 就在span的click事件中stopPropagation()查看全部
-
代码见截图查看全部
举报
0/150
提交
取消