ใช้บล็อกสี HTML เพื่อแสดงข้อมูลแบบไดนามิก
<style type = text/css> *{padding: 0; {ความกว้าง: 10%; : 5%; <body> <div class = tubiao> <div class = jihua> <div class = ซ้าย> แผน </div> <!-สถานที่ที่มีการจัดเก็บแผน-> <div class = แผนขวา> </div> /div> </div> <div class = shiji> <div class = ซ้าย> จริง </div> <!-ช่วงเวลาที่เก็บไว้จริงที่เก็บไว้-> <div class = Right Act> </div> </div> < div class> = riqi id = day_id> <!-ที่ที่จัดเก็บวันที่-> <div class = วันขวา> </div> </div> </div> <script type = text/javascript> var temp1 = 0- 0.5 -2-2-2-2-1-1; 19-5/20-5/21-5/22-5/23-5/24-5/25/26-5/27-5/28; VAR Plan = Document.getElementsByClassName (แผน) [0]; กริดจำนวนมากของ load_firs (อุณหภูมิ); -แผนการจ่ายเงิน (ความกว้างของบล็อก) อาร์เรย์ var d2 = การสาธิต [1] .split (-); อาร์เรย์วันที่สำหรับ (var i = 0; i <d3.length; i ++) {time_span (d3 [i]);} // การแจ้งเตือน (6:+d1.length+----------- ------ +3:+d2.length); [i], d2 [i], i);} document.getElementById (day_id) .style.marginleft = -30px;} // เพิ่มบล็อกสี, ความกว้างของบล็อกสีแผน, b คือบล็อกสีจริง ฟังก์ชั่นความกว้าง add_span (a, b, i) {// 创建 span 块 var span1 = document.createelement (span); 0,255)+,+ rnd (0,255)+,+ rnd (0,255)+,+ rnd (0.5,1)+); // clientWidth เป็นความกว้างของวัตถุ (ความกว้างของวัตถุ (ไม่มีเส้นขอบนั่นคือเส้นขอบ) span1.style.width = (plan.clientwidth/num*a) + px; // ความกว้างของแต่ละคน กริดของแผน // ใส่โหนด 1 เพื่อวางแผนแผนการ (Span1); กริดของแต่ละกริด att.AppndChild (span2);} else {// alert (a:+a+b:+b+i:+i); span1.style.width = (plan.clientwidth/num*a)+px; ; Plan.AppendChild (Span1);} ถ้า (b == 0) {span2 เป็น act.appendchild (span2);} else {span2.style (span2);}} // วันที่แทรกฟังก์ชั่น time_span (เวลา) {// สร้าง span block var span = document.createElement (span); // ความกว้างของแต่ละช่วงช่วงเวลา. innerhtml; ขั้นต่ำ); ajax ({ประเภท: โพสต์, url: test.aspx, dattype: ข้อความ, ข้อมูล: {dispalystyle: displaystyle}, ข้อผิดพลาด: ฟังก์ชั่น (xmlhttprequest, textstatus, errorthRown) , ความสำเร็จ: ฟังก์ชั่น (json) {ลอง {load_first (json);} catch (e) {}}});} // querydata ();ข้างต้นคือเอฟเฟกต์รายงาน (รหัสอินสแตนซ์) ที่ HTML ตระหนักถึงการแสดงผลแบบไดนามิกของบล็อกสีที่ตัวแก้ไขแนะนำให้คุณ Xiaobian จะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!