Style.Backgroundattachment
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.