<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery百叶窗图片轮播切换特效 - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
jQuery(function($){
$(window).load(function() {
$('#slider').nivoSlider({
directionNav: true,
captionOpacity: 0.4,
controlNav: true,
boxCols: 8,
boxRows: 4,
slices: 15,
effect:'random',
animSpeed: 500,
pauseTime: 3000 });
});
});
</script>
</head>
<body>
<br>
<center>
<div id="slider-wrap">
<div id="slider" class="nivoSlider">
<a href="http://www.moobnn.com/" class="nivo-imageLink">
<img src="images/adde8400gw1ebewarzynaj20ri09amzx.jpg" alt="" title="a" width="990" height="334">
</a>
<a href="http://www.moobnn.com/" class="nivo-imageLink">
<img src="images/adde8400gw1ebewapkgl1j20ri09aq75.jpg" alt="" width="990" title="b" height="334" >
</a>
</div>
</div>
</center>
<!-- /slider -->
<br>
<div style="text-align:center;clear:both">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
</div>
</body>
</html>