照猫画虎,用了超级麻烦的办法(汗):
var This = this;
clearInterval(This.time);
This.time = setInterval(function () {
cLi[0].style.height = cLi[0].offsetHeight + 8+'px';
if (cLi[0].offsetHeight >= 120) {
clearInterval(This.time);
cLi[0].style.height = '120px';
}
},40);
var This = this;
clearInterval(This.time);
This.time = setInterval(function () {
cLi[0].style.height = cLi[0].offsetHeight + 8+'px';
if (cLi[0].offsetHeight >= 120) {
clearInterval(This.time);
cLi[0].style.height = '120px';
}
},40);
这还不懂?hover就是鼠标放上去后的变化。加了10px高(height),但是增加的是下端。想要加到上端就同时再往上挪10px。
挪10px后文字也跟了10px,想让文字往下一点,就增加行高,加了10px,一半加文字上面一半加文字下面。相当于分到文字上面了5px,文字就往下降了5px。就没那么突兀了。自己懂要么就是跑神了要么就是没看前面的课。就别来怪老师了。
挪10px后文字也跟了10px,想让文字往下一点,就增加行高,加了10px,一半加文字上面一半加文字下面。相当于分到文字上面了5px,文字就往下降了5px。就没那么突兀了。自己懂要么就是跑神了要么就是没看前面的课。就别来怪老师了。
2016-11-26