Cara menggunakan OFFSE pada JavaScript

Pada kesempatan kali ini saya akan menjelaskan cara menggunakan method offset[] jquery. Perlu teman-teman ketahui sebelumnya, Method offset[] di javascript bisa teman-teman gunakan untuk mengatur atau mengembalikan nilai koordinat offset untuk element yang tentukan dan relatif terhadap dokumen. Method ini dapat mengembalikan koordinat offset elemen yang cocok. Dan mengembalikan objek dengan 2 properti, diantaranya posisi atas dan kiri dalam satuan pixel.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Jika sudah selanjutnya ketikan kode seperti berikut :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

Cara Menggunakan Method offset[] Jquery

*{padding: 0;margin:0;}

.kotak{

width:400px;

height:350px;

padding:20px;

background:red;

color:#fff;

margin:30pxauto;

}

button{

display:block;

margin:auto;

padding: 15px;

margin-top:20px;

}

Cara Menggunakan Method offset[] Jquery

Klik

$[document].ready[function[]{

  $["button"].click[function[]{

    varx=$[".kotak"].offset[];

    alert["Element Top: "+x.top+"and Left: "+ x.left];

  }];

}];

  • Jika sudah selanjutnya kalian simpan terlebih dahulu file index.html tersebut, dan lihat hasilnya dibrowser kesayangan teman-teman.

Sampai disini penjelasan saya mengenai cara menggunakan method offset[] jquery, semoga bermanfaat.

Bài mới nhất

Chủ Đề