<!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>
<!-- http://demo.lanrenzhijia.com/demo/2013/0921/ -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery三环立体式图片切换效果</title>
<link rel="stylesheet" href="css/lanrenzhijia.css" type="text/css">
</head>
<body>
<div class="carousel-container">
<div id="carousel">
<div class="carousel-feature"><a href="javascript:"><img class="carousel-image" src="images/gallery-img1.png"></a></div>
<div class="carousel-feature"><a href="javascript:"><img class="carousel-image" src="images/gallery-img3.png"></a></div>
<div class="carousel-feature"><a href="javascript:"><img class="carousel-image" src="images/gallery-img2.png"></a></div>
</div>
</div>
<script src="js/jquery-1.6.3.min.js"></script>
<script src="js/jquery.featureCarousel.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#carousel").featureCarousel({
autoPlay:7000,
trackerIndividual:false,
trackerSummation:false,
topPadding:50,
smallFeatureWidth:.9,
smallFeatureHeight:.9,
sidePadding:0,
smallFeatureOffset:0
});
});
</script>
<style>
.baidu_ads{ width:960px; height:90px; position:absolute; left:50%; bottom:0; margin-left:-480px; overflow:hidden;}
</style>
<div class="baidu_ads">
<script type="text/javascript">
var sogou_ad_id=395091;
var sogou_ad_height=90;
var sogou_ad_width=960;
</script>
<script type='text/javascript' src='http://images.sohu.com/cs/jsfile/js/c.js'></script>
</div>
<span style="display:none;">
<script src="http://s94.cnzz.com/stat.php?id=4106941&web_id=4106941" language="JavaScript"></script>
</span>
</body>
</html>
三个大图 转圈
最新推荐文章于 2021-06-24 23:36:09 发布