-
文本缩进:text-indent:??px 将该元素转化成块级元素:display:block a标签滑动变换背景颜色及字体: a:hover{background-color:#??????;color:#???}查看全部
-
$(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); }, function(){ $(this).stop().animate({"width":"120px"}.200); } ) })查看全部
-
1.在a中设置height高一点 重点提示:margin可以用负值,向相反方向移动。 2.然后设置居中查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
改造都是对a标签的改造。背景图也是。底部的线条是对ul进行加border。.on,a:hover是一样的显示状态,就把它们写在一起。应用了雪碧图的知识查看全部
-
ul的宽度去掉,把li的float设为left、就能得到水平菜单 text-align可让文本水平居中对齐查看全部
-
文本缩进:text-indent:??px 将该元素转化成块级元素:display:block a标签滑动变换背景颜色及字体: a:hover{background-color:#??????;color:#???}查看全部
-
height: 30px;line-height: 30px;可使文字垂直居中。 text-indent:文字缩进,可以使文字向右移动 ul的list-style设为none,能去掉前面的默认小圆点 a的text-decrotion设为none,能去掉链接的下划线,在导航栏中经常用 display:block使A标签变成块级元素查看全部
-
<script> window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval(This.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetWidth>=160) clearInterval(This.time); },30) } aA[i].onmouseout=function(){ clearInterval(this.time); var This=this; this.time=setInterval(function(){ This.style.width=This.offsetWidth-8+"px"; if(This.offsetWidth<=120){ This.style.width='120px'; clearInterval(This.time); } },30) } } } </script> 实现动画查看全部
-
请补充完整代码,背景图片沿y轴向上移动30px(水平方向不动) 最终效果如图所示:.nav li a.on, .nav li a:hover{ background-position:0 -30px; color:#fff;}查看全部
-
1.鼠标经过一级菜单,二级菜单动画下拉显示出来 2.鼠标离开菜单,二级菜单动画收缩起来查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
margin可以用负数向相反方向移动,在a标签里面设置高度查看全部
-
background-position:x y; 第一个值(x)是水平位置,第二个值(y)是垂直位置。其值可为正负。查看全部
-
对a标签进行改造,背景图片加在a标签里 background-position: /* 图片定位 */查看全部
举报
0/150
提交
取消