cari

Rumah  >  Artikel  >  hujung hadapan web  >  jquery menggunakan kaedah animasi untuk mengawal elemen movement_jquery

jquery menggunakan kaedah animasi untuk mengawal elemen movement_jquery

WBOY
WBOYasal
2016-05-16 16:07:211568semak imbas

Contoh dalam artikel ini menerangkan cara jquery menggunakan kaedah bernyawa untuk mengawal pergerakan unsur. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kawal pergerakan elemen melalui kaedah animasi jquery Di sini anda perlu menentukan kedudukan elemen sebagai relatif, tetap atau mutlak!

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("div").animate({left:'250px'});
 });
});
</script>
</head>
<body>
<button>Start Animation</button>
<p>By default, all HTML elements have a static position,
and cannot be moved. To manipulate the position, 
remember to first set the CSS position property 
of the element to relative, fixed, or absolute!</p>
<div style="background:#98bf21;
height:100px;width:100px;position:absolute;">
</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 slideUp untuk perlahan-lahan meruntuhkan elemen kawalan_jqueryArtikel seterusnya：jQuery menggunakan kaedah slideUp untuk perlahan-lahan meruntuhkan elemen kawalan_jquery

Artikel berkaitan

Lihat lagi