1.首先导入JQ
当ul里的li被滑过的时候 ,li里的子div 和 p标签,更改自己本身的样式底部 = 0px
$("ul>li").mouseenter(function() {
$(this).children("div,p").css({
"bottom":"0px"
});
})
当ul里的li被滑开的时候 ,li里的子div 和 p标签,更改自己本身的样式底部 = -25px
$("ul>li").mouseleave(function() {
$(this).children("div,p").css({
"bottom":"-25px"
});
})
JQ最基础的运用!