<script> <br>var d1, d2, d3, w, h; <br>window.onload = function() { <br>d1 = document.getelementbyid('d1'); <br>d2 = document.getelementbyid('d2'); <br>d3 = document.getelementbyid('d3'); <br>back(); <br>w = window.innerwidth; <br>h = window.innerheight; <br>resizecheck(); <br>} <br>function resizecheck() { <br>if (w != window.innerwidth || h != window.innerheight) { <br>location.replace(location.href); <br>return; <br>} <br>settimeout("resizecheck()", 1000); <br>} <br>function back() { <br>divmoveto(d1,200,50); <br>divmoveto(d2,250,75); <br>divmoveto(d3,75,75); <br>divzindex(d1,1); <br>divzindex(d2,2); <br>divzindex(d3,3); <br>divbgcolor(d1,'#555'); <br>divbgcolor(d2,'#777'); <br>divbgcolor(d3,'#999'); <br>divtxtcolor(d1,'#fff'); <br>divtxtcolor(d2,'#fff'); <br>divtxtcolor(d3,'#fff'); <br>divshow(d1); <br>divshow(d2); <br>divshow(d3); <br>} <br>function color() { <br>divbgcolor(d1,'#f02d2d'); <br>divbgcolor(d2,'#f040d1'); <br>divbgcolor(d3,'#55afe0'); <br>divtxtcolor(d1,'#fff'); <br>divtxtcolor(d2,'#fff'); <br>divtxtcolor(d3,'#fff'); <br>} <br>function divmoveto(d, x, y) { <br>d.style.pixelleft = x; <br>d.style.pixeltop = y; <br>} <br>function divmoveby(d, dx, dy) { <br>d.style.pixelleft += dx; <br>d.style.pixeltop += dy; <br>} <br>function divshow(d) { <br>d.style.visibility = 'visible'; <br>} <br>function divhide(d) { <br>d.style.visibility = 'hidden'; <br>} <br>function divsizeto(d, w, h) { <br>d.style.pixelwidth = w; <br>d.style.pixelheight = h; <br>} <br>function divsizeby(d, dw, dh) { <br>d.style.pixelwidth += dw; <br>d.style.pixelheight += dh; <br>} <br>function divzindex(d, z) { <br>d.style.zindex = z; <br>} <br>function divbgcolor(d, c) { <br>d.style.background = c; <br>} <br>function divtxtcolor(d, c) { <br>d.style.color = c; <br>} <br></script>
d1
d2
d2包含d3
d3
d3是d2的子层










