<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
.bigDiv {
float: left;
margin-left: 15px;
}
.childDiv {
border: #84C5EC 3px solid;
width: 200px;
}
.childDiv .title {
height: 23px;
padding: 7px 10px 0;
background: #84C5EC;
text-align: center;
}
.childDiv .content {
padding: 5px 5px;
}
.spanGreen {
background-color: #CECECE;
border: 2px solid #CECECE;
text-align: center; width : 80%;
height: 30px;
margin-top: 10px;
margin-left: 35px;
margin-bottom: 5px;
width: 80%;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
for(var j = 0 ; j < 5 ; j++)
{
var bigDiv = $("<div/>");
bigDiv.addClass("bigDiv");
var childDiv = $("<div/>");
childDiv.addClass("childDiv");
var titleDiv = $("<div/>");
titleDiv.addClass("title");
titleDiv.html("虚拟机");
var contentDiv = $("<div/>");
contentDiv.addClass("content");
bigDiv.appendTo($(document.body));
childDiv.appendTo(bigDiv);
titleDiv.appendTo(childDiv);
contentDiv.appendTo(childDiv);
for(var i = 0 ; i < 4 ; i++)
{
var spanGreen = $("<div/>");
spanGreen.addClass("spanGreen");
spanGreen.html("实物机");
spanGreen.appendTo(childDiv);
}
}
});
</script>
<style type="text/css">
.bigDiv {
float: left;
margin-left: 15px;
}
.childDiv {
border: #84C5EC 3px solid;
width: 200px;
}
.childDiv .title {
height: 23px;
padding: 7px 10px 0;
background: #84C5EC;
text-align: center;
}
.childDiv .content {
padding: 5px 5px;
}
.spanGreen {
background-color: #CECECE;
border: 2px solid #CECECE;
text-align: center; width : 80%;
height: 30px;
margin-top: 10px;
margin-left: 35px;
margin-bottom: 5px;
width: 80%;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
for(var j = 0 ; j < 5 ; j++)
{
var bigDiv = $("<div/>");
bigDiv.addClass("bigDiv");
var childDiv = $("<div/>");
childDiv.addClass("childDiv");
var titleDiv = $("<div/>");
titleDiv.addClass("title");
titleDiv.html("虚拟机");
var contentDiv = $("<div/>");
contentDiv.addClass("content");
bigDiv.appendTo($(document.body));
childDiv.appendTo(bigDiv);
titleDiv.appendTo(childDiv);
contentDiv.appendTo(childDiv);
for(var i = 0 ; i < 4 ; i++)
{
var spanGreen = $("<div/>");
spanGreen.addClass("spanGreen");
spanGreen.html("实物机");
spanGreen.appendTo(childDiv);
}
}
});
</script>