四平效果图:
<!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>
<title>四屏</title>
<style type="text/css">
body,html {
height: 100%;
margin: 0;
padding: 0;
color: #fff;
font-family: Arial
}
.layout {
float: left;
height: 50%;
width: 50%;
background: #888;
}
</style>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
<!--
$(function() {
$("#Applet1").click(function(){
alert("外部div宽:" +$("#left_top").width()+" 高:"+ $("#left_top").height()+"\n"+"内部div宽:" +$("#Applet1").width()+" 高:"+ $("#Applet1").height());
});
$("#Applet2").click(function(){
alert("外部div宽:" +$("#right_top").width()+" 高:"+ $("