Download Source Code Aplikasi

Style.Backgroundattachment

Saturday, October 26th, 2019 - Style DOM

Properti style.backgroundAttachment berkhasiat dikala BACKGROUND atau BACKGROUND-IMAGE digunakan, di mana style.backgroundAttachment mengatur bagaimana gambar dikala adanya scroll, ikut terscroll atau tidak.

Sintaks:

obj.style.backgroundAttachment = value;

Nilainya:

  • scroll (default)
    Gambar ikut terscroll.
  • fixed
    Gambar tidak ikut terscroll.
  • inherit

Contoh 1:

<HTML> <HEAD> <TITLE>style.backgroundAttachment</TITLE> <STYLE TYPE="text/css"> body { height: 900px; background: #FFF url(picture.gif) no-repeat fixed center; } </STYLE> <SCRIPT TYPE="text/javascript"> function Scroll() { var bodyElem = document.getElementsByTagName("body")[0]; bodyElem.style.backgroundAttachment = "scroll"; } </SCRIPT> </HEAD> <BODY> <BUTTON ONCLICK="Scroll()">Scroll!</BUTTON> </BODY> </HTML>

Contoh 2:

<HTML> <HEAD> <TITLE>style.backgroundAttachment</TITLE> <STYLE TYPE="text/css"> body { height: 900px; background: #FFF url(picture.gif) no-repeat scroll center; } </STYLE> <SCRIPT TYPE="text/javascript"> function Fixed() { var bodyElem = document.getElementsByTagName("body")[0]; bodyElem.style.backgroundAttachment = "fixed"; } </SCRIPT> </HEAD> <BODY> <BUTTON ONCLICK="Fixed()">Fixed!</BUTTON> </BODY> </HTML>
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
Style.Backgroundattachment | Ahmad Code | 4.5