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
Lepaskan: 2016-05-16 16:28:33
asal
1522 orang telah melayarinya

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();
}
)
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan