-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class"on" 在为它的样式添加上一个on，最后一动它的位置（y，x） border-bottom: 下边框 background:url(#),设置背景图片#为图片地址 background-position,改变背景图片位置，x轴和y轴 改造都是对a标签的改造。背景图也是。底部的线条是对ul进行加border。.on,a:hover是一样的显示状态，就把它们写在一起。应用了雪碧图的知识查看全部
-
清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
margin-top:-10px查看全部
-
background-position:0 30px;查看全部
-
123查看全部
-
display:block; text-indent:20px;查看全部
-
垂直菜单改为水平菜单 li {float:left} 文本对齐方式 text-align:center查看全部
-
设置水平菜单导航栏 在垂直菜单导航栏样式基础上修改： 1、设置li为左浮动 2、将ul限制宽度去掉 3、设置文本居中，text-align:center,将之前的text-indent（文本缩进）属性删掉查看全部
-
文本缩进：text-indent:??px 将该元素转化成块级元素：display:block a标签滑动变换背景颜色及字体： a:hover{background-color:#??????;color:#???} text-indent文字缩进 display:block 将该元素转化成块级元素 display:inline-block 将该元素转化成行内块级元素查看全部
-
一般都使用 “ul\li” 来制作“菜单导航条”，也就是无序列表。查看全部
-
height: 30px;line-height: 30px;可使文字垂直居中。 text-indent:文字缩进，可以使文字向右移动 ul的list-style设为none，能去掉前面的默认小圆点 a的text-decrotion设为none，能去掉链接的下划线，在导航栏中经常用 display:block使A标签变成块级元素 <a>标签的设置 ul li a｛display：block；｝ 定义的关键是将<a>标签设置为块元素 对<a>标签的使用 ul li a{}因为a标签是最内部的元素 所以对a标签设置就可以了 又因为a为内联元素不方便设置所以要把a设置为块级元素：ul li a{display:block;} *{ } （用于全局设置） text-decoration：none; （用于清除文本内容的下划线） text-indent（文本缩进用，text-indent替换padding-left，是为了防止菜单长度增加。例如：padding-left:10px; 会导致宽度也增加10px ） 块状元素才可以设置 宽度 高度 a:hover{background-color ; color文字颜色} line height10 height10 字居中 padding-left:10px; 会导致宽度也增加10px text-indent:10px; 字会向右移10px但框的宽度不会增加 text-indent//缩进 用text-indent替换padding-left是为了防止菜单长度增加。 a:hover 设置 a 对象在其鼠标悬停时的样式。查看全部
-
1.用无序列列表构建菜单 <ul> <li><a href="#">首页</a></li> <li><a href="#">新闻</a></li> <ul> ...... 2.清除默认样式 *{margin:0;padding:0;} 清除ul的样式 ul{list-style：none}，能去掉前面的默认小圆点 去掉a标签的下划线 a{text-decoration：none} 在导航栏中经常用 height: 30px;line-height: 30px;可使文字垂直居中。 3.如果用为文字前面增加像素，最好用缩进的方式来实现 {text-indent：xx px}（文本缩进,用text-indent替换padding-left，是为了防止菜单长度增加。例如：padding-left:10px; 会导致宽度也增加10px ） 4.ul li a{}因为a标签是最内部的元素 所以对a标签设置就可以了 又因为a为内联元素，而块状元素才可以设置 宽度 高度，所以要把a设置为块级元素：ul li a{display:block;} *{ } （用于全局设置）查看全部
-
1.offsetWidth属性可以返回对象的padding+border+width属性值之和，style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性，而style.width是可读写的。 3.offsetWidth属性返回值是整数，而style.width的返回值是字符串。 4.style.width仅能返回以style方式定义的内部样式表的width属性值。查看全部
-
当我们定义了一个定时器以后，我们可以通过事件来触发这个定时器开始工作，例如：点击按钮，让一个div的宽度从1px加宽到1000px，根据我们的设定步长（比如，10px/毫秒），就会产生一个动画效果。试想一下，在这个加宽的动画还没有结束时，我们再次点击了按钮，此时，又会有一个新的定时器开始工作，此时，有两个定时器，同时作用在这个div的动画上，整个的动画速度就会加倍，你点击按钮的次数越多，累加的定时器越多，动画速度也会越快，这当然不是我们想要的结果。 解决办法就是，我们在定义定时器的时候，定义一个定时器变量，每次点击按钮的时候，利用clearInterval先把所有的定时器清除掉，再开始新定时器，这样就能保证定时器的正常工作。查看全部
-
给背景图片增加向上移动的原因是：上面和下面的距离都是30px，上面是白色，下面是鼠标滑过的颜色。查看全部
举报
0/150
提交
取消