masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

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

jquery menggunakan kaedah animasi untuk mengawal elemen movement_jquery

WBOY

Lepaskan： 2016-05-16 16:07:21

asal

1582 orang telah melayarinya

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>

Salin selepas log masuk

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Label berkaitan：

jquery unsur kawalan bergerak

sumber：php.cn

Artikel sebelumnya：jQuery menggunakan kaedah slideUp untuk perlahan-lahan meruntuhkan elemen kawalan_jquery Artikel seterusnya：Beberapa pemikiran tentang rangka kerja bahagian hadapan dan perpustakaan bahagian hadapan dalam kemahiran web development_javascript

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

Artikel terbaru oleh pengarang