「jQuery入門」mouseenter()とmouseleave()を利用するサンプル

2014年1月9日2018年9月1日

htmlコード
<div class="cft">
<img src="images/test1222.png">
<div class="text">
<p>test data12</p>
<p>test data22</p>
</div>
</div>

jQueryコード
$(“.cft").mouseenter(function(){
$(“.text").animate({
top:"0″,
opacity:"1″,
},"slow");
}).mouseleave(function(){

$(“.text").animate({
top:"300″,
opacity:"0″,
},"slow");
});