Gunakan jQuery untuk melaksanakan penyamaran imej, occlusion_jquery jatuh separa telus

Kesan susunan imej grid sembilan segi empat lalai Apabila tetikus melayang di atas imej, kesan topeng lut sinar akan meluncur ke bawah dari bahagian atas imej

Sesetengah pengenalan teks muncul pada masa yang sama

Cara menggunakan:

1. Perkenalkan gaya css di kepala ke halaman web anda
2. Salin bahagian kod ke hujung badan halaman web anda
(js dan imej menggunakan laluan mutlak dan pengubahsuaian tidak disyorkan)

Salin kod Kod adalah seperti berikut:

$(fungsi(){
$('.sgw_img dt').tuding(fungsi(){
           $(this).children('.box').stop(true,true).delay(100).animate({'top':0,opacity:0.8},300);
},fungsi(){
            $(this).children('.box').stop(true,true).animate({'top':-482,opacity:0},200);
})
$('.sgw_img dd').tuding(fungsi(){
           $(this).children('.box').stop(true,true).delay(100).animate({'top':0,opacity:0.8},300);
},fungsi(){
            $(this).children('.box').stop(true,true).animate({'top':-382,opacity:0},200);
})
})

Di atas adalah semua kandungan yang dikongsikan dalam artikel ini, saya harap anda semua menyukainya.