Download Source Code Aplikasi

Bgproperties

Thursday, December 5th, 2019 - HTML DOM, HTMLBodyElement

Khusus IE, properti HTMLBodyElement.bgProperties tetapkan apakah gambar latarbelakang dari BODY perlu ikut tergulung atau tidak dikala pengguna menggulung dokumen.

Sintaks:

bodyObj.bgProperties = value bodyObj.bgProperties

value yakni DOMString yang sanggup berisi:

  • ‘scroll’ menjadikan gambar latarbelakang ikut tergulung.
  • ‘fixed’ menjadikan gambar latarbelakang tidak ikut tergulung.

Pengaturan awal untuk sikap ini harus diatur via BACKGROUND-ATTACHMENT CSS, dan untuk memodifikasinya sanggup dengan body.style.backgroundAttachment.

Di bawah ini yakni dua statemen yang sama:

document.body.bgProperties = "fixed";

Atau

document.body.style.backgroundAttachment = "fixed";

Contoh di bawah ini gambar latarbelakang BODY akan ikut tergulung dikala pengguna menggulung halaman. Tetapi, dikala pengguna mengklik tombol “Fixed!”, maka gambar latarbelakang BODY tidak ikut tergulung.

Sebelumnya di bab HEAD terdapat pengaturan CSS dan satu fungsi:

<STYLE TYPE="text/css"> body { height: 1000px; background-image: url(image.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center; } </STYLE> <SCRIPT TYPE="text/javascript"> function foo() { document.body.style.backgroundAttachment = "fixed"; } </SCRIPT>

Dan di bab BODY terdapat penulisan:

<BUTTON TYPE="button" ONCLICK="foo()">Fixed!</BUTTON>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Bgproperties | Ahmad Code | 4.5