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最基礎的運用!