jQuery FlexSlider v1.7 插件，可以控制图片向左向右更换显示，带有渐变效果，任意添加多张图片
在网页<head>区添加以下代码
<link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
在网页<body>区添加以下代码
<div class="flexslider"> <ul class="slides"> <li><a href="http://www.sharejs.com" target="_blank"><img src="images/inacup_samoa.jpg" /></a> <p class="flex-caption">脚本分享网 www.sharejs.com</p> </li> <li><a href="http://www.sharejs.com" target="_blank"><img src="images/inacup_pumpkin.jpg" /></a> <p class="flex-caption">脚本分享网 www.sharejs.com</p> </li> <li> <a href="http://www.sharejs.com" target="_blank"><img src="images/inacup_donut.jpg" /></a> <p class="flex-caption">脚本分享网 www.sharejs.com</p> </li></ul> </div>
每增加一个 li 标签表示增加一张图片。
点击这里下载 jQuery FlexSlider v1.7 插件
