<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
url: 'chapter687.xml',
dataType: 'xml',
success: function(data){
$("item",data).each(function(){
$("dl").append("<dt><a href='" + $("link",this).text() + "'>" + $("title",this).text() + "</a></dt><dd>" + $("description",this).text() + "</dd>");
});
}
});
});
</script>
<style type="text/css">
*{
margin:0;
padding:0;
}
p{
margin:10px;
}
.list-l{
float:left;
width:148px;
height:90px;
border:1px solid #000000;
}
.list-l a{
display:block;
width:120px;
margin:0 auto;
}
.list-r{
float:right;
width:645px;
border:1px solid #000000;
border-left:none;
height:86px;
padding:2px;
line-height:20px;
}
dl{
margin:10px;
width:800px;
}
dt{
display:list-item;
margin:10px;
margin-left:20px;
}
dd:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
</style>
</head>
<body>
<dl></dl>
</body>
</html>