已采纳回答 / 幻迷
http://img1.sycdn.imooc.com//53846438000168f901200060.jpg 这是代码中引用的图片,这个图片的大小是120*60,而每个a的大小为120*30,所以其实background-position是调节了背景图片的可视的部分为图片的下部分,即橙色的部分
2016-05-22
已采纳回答 / 秋之枫华
0代表的是水平方向没有任何移动,-30代表的是垂直方向向下移动30px,如果是30px,没有“-”,那就是向上移动30px了,这个背景图片移动的参照物是图片本身所在的块。
2016-05-20
jQuery实现:
$(function(){
var $aLi = $("ul.nav>li");
$aLi.hover(function(){
var i=$aLi.index(this)
$("ul.subNav").eq(i).stop().animate({
height:"120px",
},30)
},function(){
$("ul.subNav").stop().animate({
height:"0px",
},30)
})
i++;
})
$(function(){
var $aLi = $("ul.nav>li");
$aLi.hover(function(){
var i=$aLi.index(this)
$("ul.subNav").eq(i).stop().animate({
height:"120px",
},30)
},function(){
$("ul.subNav").stop().animate({
height:"0px",
},30)
})
i++;
})