master

分支 (1)

管理

管理

master

jquery-3d-slider
/
index.html

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>360度旋转木马jQuery幻灯片 - 站长素材</title>
<link href="css/zzsc.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,
	btnPrev:".pre",
	btnNext:".next"
});


});
</script>
</head>
<body>
<div id="featured-area">
<ul>
<li><a href="#"><span>代码素材</span><img src="images/speedometer.jpg" alt="" /></a></li>
<li><a href="#"><span>PSD素材</span><img src="images/photoshop_plus.jpg" alt="" /></a></li>
<li><a href="#"><span>flash素材</span><img src="images/fnfast.jpg" alt="" /></a></li>
<li class="test"><a href="#"><span>flash素材</span><img src="images/1.png" alt="" /></a></li>
<li><a href="#"><span>flash素材</span><img src="images/2.png" alt="" /></a></li>
<li><a href="#"><span>flash素材</span><img src="images/3.png" alt="" /></a></li>
<li><a href="#"><span>flash素材</span><img src="images/4.png" alt="" /></a></li>
<ol class="flex-control-nav flex-control-paging"><li><a class="jump">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li>
<li><a class="next">3</a></li><li><a class="next">3</a></li><li><a class="next">3</a></li><li><a class="next">3</a></li></ol>

</ul>
	<div id="nav-arrows" class="nav-arrows" style="display: block;">
          <a class="pre" href="#"></a>
          <a class="next" href="#"></a>
    </div>
</div>
<div style="text-align:center;clear:both">
<p>适用浏览器：IE8+、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
</div>
</body>
</html>