jQuery是一種廣泛使用的JavaScript庫,可幫助開發人員創建動態和交互性的網頁。在使用jQuery時,您可以輕松地設置窗口的寬度,以使其能夠讓用戶自由地移動和調整。
$(window).resize(function(){ var winWidth = $(window).width(); var winHeight = $(window).height(); $("#div").css({ width: winWidth * 0.8, height: winHeight * 0.8, left: winWidth * 0.1, top: winHeight * 0.1 }); });
該代碼使用resize事件來捕獲窗口大小調整事件。然后,它獲取窗口的寬度和高度,并在代碼塊中使用該信息來設置#div元素的寬度和高度。它還使用該信息來定義元素的左側和頂部位置,以使其在窗口中心對齊。最后,它將所有這些值應用于#div元素的CSS中。
該代碼使用一種響應性的方法來定義窗口的大小和位置。無論窗口的實際大小如何,#div元素始終保持在屏幕中心,讓用戶方便地進行后續操作。