-
$(function(){ $('a').hover( function(){$(this).stop().animate( {"width":"160px"},200 );}, function(){ $(this).stop().animate({"width":"120px"},200);} ) window.onload=function(){ var aA=document.getElementsByTagName("a"); for(var i=0;i<aA.length;i++){ aA[i].onmouseover=function(){ 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); this.time=setInterval(function(){ this.style.width=this.offsetWidth-8+"px"; if(this.offsetWidth<=120){ this.style.width='120px';} clearInterval(this.time);},30) } }查看全部
-
垂直菜单:height:30px;line-height:30px;text-indent:20px; 水平菜单:height:30px;line-height:30px;text-align:center;查看全部
-
文字缩进:text-indent:10px; 把对li标签的设置改为对a标签的设置查看全部
-
<li>文字要垂直居中,要在<li>height属性=line-height查看全部
-
编程挑战 小伙伴们,学习完《导航条菜单的制作》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 要求: 1.鼠标经过一级菜单,二级菜单动画下拉显示出来; 2.鼠标离开菜单,二级菜单动画收缩起来。查看全部
-
编程挑战 小伙伴们,学习完《导航条菜单的制作》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦!查看全部
-
1、JS实现:动画开始前先清除一下定时器,避免动画累加。 2、jQuery实现:动画打开时,先把上一个动画清理掉(使用stop方法)。 $(function(){ $('a').hover( function(){$(this).stop().animate({"width":"160px"}.200);} function(){$(this).stop().animate({"width":"120px"}.200);} )})查看全部
-
margin可以用负值,向相反方向移动查看全部
-
text-indent:10px; <文本缩进。不会影响盒子的宽度> padding-left:10px; (文字左移动,但是盒子宽度跟着增加)查看全部
-
背景默认是显示图片的上半部分,利用鼠标放置在位置上面后图片向上提高三十个像素值来获取背景颜色。查看全部
-
display:block 意为生成块级元素 text-indent 意为字母缩进查看全部
-
text-indent:10px; <文本缩进。不会影响盒子的宽度> padding-left:10px; (文字左移动,但是盒子宽度跟着增加)查看全部
-
将a标签设为block,这样就直接对a标签设置样式,而不是间接地通过li设置样式查看全部
-
用text-indent替代padding-left,这样可以避免元素总宽度增加查看全部
-
margin的值是相对于父级包含块的哟,切记切记!查看全部
举报
0/150
提交
取消