HTML 컬러 블록을 사용하여 데이터를 동적으로 표시하십시오
<text/css> *{padding : 0; {폭 : 왼쪽; : 5%; <body> <div class = tubiao> <div class = jihua> <div class = left> plan </div> <!-계획이 저장되는 장소-> <div class = Right Plan> </div> < /div> </div> <div class = shiji> <div class = 왼쪽> 실제 </div> <!-실제 스팬은 저장된 장소-> <div class = 오른쪽 act> </div> </div> < div class> = riqi id = day_id> <!-날짜 Store-> <div class = Right Day> </div> </div> </div> <script type = text/javaScript> var temp1 = 0- 0.5 -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 Load_firs의 많은 그리드 (temp); -소비 계획 (블록 폭) 배열 var d2 = demo [-); 날짜 배열 (var i = 0; i <d3.length; i ++) {time_span (d3 [i]);} // alert (6 :+d1.length+----------- ------ +3 :+d2.length); [i], d2 [i], i);} document.getelementbyid (day_id) .style.marginleft = -30px;} // 컬러 블록 추가, A는 계획 색상 블록의 너비입니다. B는 실제 색상 블록입니다. 너비 함수 add_span (a, b, i) {// span var span1 = createelement (span); 0,255)+,+ rnd (0,255)+,+ rnd (0,255)+,+ rnd (0.5,1)+); // clientWidth는 객체의 너비입니다 (객체의 너비 (가장자리 선없이, 테두리) span1.style.width = (plan.clientWidth/num*a) + px; // 각 너비 플랜의 그리드 각 그리드 att.appndchild (span2);} else {// alert (a :+a+b :+b+i :+i); span1.style.width = (plan.clientWidth/num*a)+px; // ClientWidth는 객체의 너비 (테두리 제외) span.width = (plan.clientWidth/num* + px; plan.appendChild (span1);} if (b == 0) {span.backgroundcolor = 000000; Act.AppendChild (span2);} span2.style = spa; (span2);}} // 날짜는 time_span (time) 함수를 삽입합니다 {// span block var span.createelement (span); // 각 스팬의 너비 .innerhtml; App Endchild (span);} // 랜덤 함수 rnd (min, max) {return math.round (math.random ()*(max -min)+ MIN); ajax; {type : post, url : test.aspx : 텍스트, 데이터 : {vissalStyle : displayStyle}, 오류 : 기능 (xmlhttprequest, textstatus, errorthrown) {alererererererererererererererer t (errthrown + xmlhtprequest.responteTeText. , success : function (json) {try {load_first (json);} catch (e) {}});} // QueryData ();위의 보고서는 HTML이 편집자가 귀하에게 소개하는 컬러 블록의 동적 디스플레이를 인식합니다. Xiaobian은 제 시간에 모든 사람에게 답장 할 것입니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!