html网页布局对联,HTMl½Ì³Ì£ºÊµÏÖÍøÒ³×óÓÒÁ½²à¾ÓÖеĶÔÁª¹ã¸æ´úÂë...

½ñÌìÕâƪÎÄÕ¸ø´ó¼Ò½éÉÜÒ»ÏÂÍøÕ¾ÖÐʵÏÖÁ½²à¹ã¸æ´úÂëµÄ°¸Àý£¬ÏÂÃæÎÒÃÇÒ»ÆðÀ´¿´¿´°É£¡

ÎÞ±êÌâÎĵµ

#left{ width:200px;height:450px; position:absolute; left:0px; background:red; border:1px #000 solid}

#right{width:200px;height:450px; position:absolute; right:0px; background:blue; border:1px #000 solid}

#x,#y{ width:10px; height:10px;position:absolute;right:0px; top:0px;}

window.οnlοad=window.οnscrοll=function()

{

var oLeft = document.getElementById("left");

var oRight = document.getElementById("right");

var scrollY=document.documentElement.scrollTop||document.body.scrollTop;

var clientH = document.documentElement.clientHeight;

var oCloseX =document.getElementById("x")

var oCloseY =document.getElementById("y")

oLeft.style.top=(clientH-oLeft.offsetHeight)/2+scrollY+"px";

oRight.style.top=(clientH-oRight.offsetHeight)/2+scrollY+"px";

oCloseX.οnclick=function()

{

this.parentNode.parentNode.removeChild(this.parentNode);

}

}

x

x

ÓÐÐËȤµÄÅóÓѸϽôÔËÓÃÒÔÉϵĴúÂëÊÔÒ»ÊÔ°É£¡