<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.roundabout-1.0.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#featured-area ul').roundabout({
easing: 'easeOutInCirc',
duration: 600
});
});
</script>
</head>
<body>
<div id="featured-area">
<ul>
<li><a href="http://www.codesocang.com/"><span>代码素材</span><img src="images/speedometer.jpg" alt="代码素材" /></a></li>
<li><a href="http://www.codesocang.com/"><span>PSD素材</span><img src="images/photoshop_plus.jpg" alt="PSD素材" /></a></li>
<li><a href="http://www.codesocang.com/"><span>flash素材</span><img src="images/fnfast.jpg" alt="flash素材" /></a></li>
</ul>
</div>