Kaedah JQuery untuk melaksanakan pergerakan tetikus untuk memaparkan lapisan penerangan pictures_jquery

Contoh dalam artikel ini menerangkan kaedah menggunakan JQuery untuk memaparkan lapisan penerangan gambar apabila menggerakkan tetikus. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Ini boleh digunakan bersama dengan animasi pelonggaran JQuery.

Kod utama adalah seperti berikut:

$(".item").hover(
function()
{
//$(this).children("img").stop().animate({opacity: 0.8}, 700, "easeInSine");
$(this).children("div.title").stop().animate({top: 0}, 700, "easeOutBounce");
$(this).children("div.desc").stop().animate({bottom: 0}, 700, "easeOutBounce");
},
function(){
//$(this).children("img").stop().animate({opacity: 1}, 700);
$(this).children("div.title").stop().animate({top: -60}, 500);
$(this).children("div.desc").stop().animate({bottom: -40}, 400);
}
);

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.