Rumah > Artikel > hujung hadapan web > jQuery menggunakan kaedah slideUp untuk perlahan-lahan meruntuhkan elemen kawalan_jquery

jQuery menggunakan kaedah slideUp untuk perlahan-lahan meruntuhkan elemen kawalan_jquery

WBOYasal: 2016-05-16 16:07:201391semak imbas

Contoh dalam artikel ini menerangkan cara jQuery menggunakan kaedah slideUp untuk mencapai fungsi mengawal elemen untuk runtuh secara perlahan-lahan. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#flip").click(function(){
  $("#panel").slideUp("slow");
 });
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
}
</style>
</head>
<body>
<div id="flip">Click to slide up panel</div>
<div id="panel">Hello world!</div>
</body>
</html>

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

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

Artikel sebelumnya：jquery menggunakan kaedah remove() untuk memadam sub-element_jquery kelas yang ditentukanArtikel seterusnya：jquery menggunakan kaedah remove() untuk memadam sub-element_jquery kelas yang ditentukan

Artikel berkaitan

Lihat lagi