ตรวจจับความกว้างของหน้าจอและตั้งค่า ID เป็นความกว้างของ DIV ของเฟรม ปรับตามความกว้างสูงสุดของหน้าเว็บของคุณ ความกว้างสูงสุดของการสาธิตขนาดเล็กคือ 1440
การคัดลอกรหัสมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<tite> เอกสารชื่อ UNT </title>
<script src = "js/jQuery.min.js" type = "text/javascript"> </script>
<script>
ฟังก์ชั่น onwidthChange () {
var w = $ (หน้าต่าง) .width ();
x = (W-1440)/2;
$ ("#frame"). css ("ความกว้าง", w);
ถ้า (w <1024) {
$ ("#frame"). CSS ("ล้น", "มองเห็นได้");
$ ("#webcontent"). CSS ("ระยะขอบซ้าย", x);
} อื่นถ้า (1024 <w <1440) {
$ ("#frame"). CSS ("ล้น", "ซ่อน");
$ ("#webcontent"). CSS ("ระยะขอบซ้าย", x);
-
settimeout (onwidthchange, 0);
-
</script>
</head>
<body>
<div id = "frame" style = "overflow: hidden;">
<div id = "webcontent">
//เนื้อหา
</div>
</div>
</body>
</html>