Rumah >hujung hadapan web >tutorial js >Contoh Jquery yang melaksanakan effect_jquery pengembangan bottom-up

Contoh Jquery yang melaksanakan effect_jquery pengembangan bottom-up

WBOY
WBOYasal
2016-05-16 16:28:331524semak imbas

Kesan pengembangan ke bawah yang biasa adalah sangat mudah, hanya gunakan slideUp dan slideDown.
Jika div yang akan dikembangkan diposisikan secara mutlak melalui position:absolute, dan melalui kedudukan relatif dan bawah, seperti bottom:0px, memanggil slideDown pada masa ini akan mengembangkannya ke atas.

(Oleh kerana slideDown, secara terang-terangan, menukar ketinggian elemen secara dinamik, kedudukan bawah ditetapkan, dan ia mengembang ke atas apabila ketinggian menjadi lebih tinggi)

Salin kod Kod adalah seperti berikut:

//Cadangan berkualiti tinggi
$('.remm_product ul li').hover(
fungsi(){
$(this).cari('.p_info').slideDown();
},
fungsi(){
$(this).cari('.p_info').slideUp();
}
)
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