Set Ukuran Elemen Satu Layar Penuh dengan jQuery

Selasa, 07 Februari 2012

Tabel Konten

Lebar Mengikuti Ukuran Layar Saat Layar Berubah Ukuran

$('#overlay').css({
    width:  $(window).width(),
    height: $(window).height()
});

Lebar Mengikuti Ukuran Layar Saat Layar Berubah Ukuran

function elasticWidth() {
    $('#overlay').css({
        width:  $(window).width(),
        height: $(window).height()
    });
} elasticWidth();

$(window).resize(function() {
    elasticWidth();
});

Lihat Demo

4 Komentar

Unknown

Selasa, 07 Februari 2012 03:47 PM

Wah Harus di Apain Tuh hehehehe Code Snippet bebern2 cuman kode aja yang di share ckckckckcckk

Unknown

Sabtu, 03 November 2012 04:51 PM

om taufik, gimana cara membuat ukuran lebar hanya pada halaman post menjadi fluid, tapi gak mempengaruhi halaman lainnya ?

mohon dibantu 0:)

Taufik Nurrohman

Sabtu, 03 November 2012 09:19 PM

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#main-wrapper {width:500px}
</style>
<b:else/>
<style>
#main-wrapper {width:auto}
</style>
</b:if>

Waduh ini yang saya cari-cari dari dulu, tapi gak dapet-dapet. Sekarang dapet kode nya, tapi masih tetep bingung soal peletakan kode nya. Om, itu kode untuk "Lebar Mengikuti Ukuran Layar Saat Layar Berubah Ukuran" peletakan nya ditaruh di bagian mana pada sesi 'edit html'. Maklum om, saya masih newbie banget tapi pengen belajar. Mohon di-respon ya om, soalnya tutorialnya di google juga susah dapetnya. Thanks sebelumnya! ^_^