1.首先導(dǎo)入JQ

當(dāng)ul里的li被滑過的時候 ，li里的子div 和 p標(biāo)簽，更改自己本身的樣式底部 = 0px

$("ul>li").mouseenter(function() {

$(this).children("div,p").css({

"bottom":"0px"

});

})

當(dāng)ul里的li被滑開的時候 ，li里的子div 和 p標(biāo)簽，更改自己本身的樣式底部 = -25px

$("ul>li").mouseleave(function() {

$(this).children("div,p").css({

"bottom":"-25px"

});

})

JQ最基礎(chǔ)的運用！