Welcome, Old Sport!

一款背景轮换效果

by ilikecss ON 2012/03/12 10051

a background slideshow

又一款背景轮换效果,直接用javascript调用图片路径无需在body里添加图片,渐隐效果和轮播速度都可以自由设置,东西很实在,喜欢的朋友拿去用吧。

Step1. 插入jQuery和脚本包


 // 设置图片的路径
var images = [
	"img/1.jpg",
	"img/2.jpg",
	"img/3.jpg",
	"img/4.jpg",
	"img/5.jpg"
];
$(images).each(function(){
   $('<img/>')[0].src = this; 
});
var index = 0;
$.backstretch(images[index], {speed: 800}); // 渐隐速度设置
setInterval(function() {
	index = (index >= images.length - 1) ? 0 : index   1;
	$.backstretch(images[index]);
}, 5000);  // 轮换速度设置
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="js/jquery.backstretch.min.js" type="text/javascript"></script>

将javascript插入到网页中后,功能就可以实现了。

9条评论
  1. #1

    wing说道:

    檔案掛點了 好可惜

  2. #2

    alloner说道:

    很棒的效果,可惜下载不了啦,能给我发一份不? 谢谢 :wink:

  3. #3

    JENNY说道:

    你好
    我會多多支持你的
    能否也發一份檔案給我呢 :razz:

  4. #4

    nexusfai说道:

    这个载不了,能否给我发一份? 谢谢




TOP