Rumah  >  Artikel  >  hujung hadapan web  >  Gunakan jQuery untuk melaksanakan penyamaran imej, occlusion_jquery jatuh separa telus

Gunakan jQuery untuk melaksanakan penyamaran imej, occlusion_jquery jatuh separa telus

WBOY
WBOYasal
2016-05-16 16:08:551234semak imbas

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.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn