读书人

新手提问 想要背景图片自动滑动切换应

发布时间: 2013-06-25 23:45:42 作者: rapoo

新手提问 想要背景图片自动滑动切换应该如何实现?
如题 最后能给个能用的例子!
[解决办法]
var index = 0;
var imgs = [
'Desert.jpg','Lighthouse.jpg'
];

setInterval(function(){
$('#back').hide(2000,function(){
index++;
if(index>=imgs.length) index = 0;
$('#back').attr('src',imgs[index]).show(2000);
});
},6000);
[解决办法]

引用:
Quote: 引用:

再问下哈
我现在代码是这样的
<html>
<head>
<title>bgchange</title>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
var index = 0;
var imgs = [
'Desert.jpg','Lighthouse.jpg'
];
setInterval(function(){
$('#back').hide(2000,function(){
index++;
if(index>=imgs.length) index = 0;
$('#back').attr('src',imgs[index]).show(2000);
});
},6000);
</script>
</head>
<body>

<div style="width:100%; height:100%; position:absolute;">
<img id="back" height = "100%" width = "100%" src="Desert.jpg" style="display:none; position:fixed;"></img>
</div>
</body>
</html>
这样的效果是图片从左上角出现,填充满整个屏幕之后又缩小回去 换下一张图。 有什么办法可以让他平移进来 在平移出去?

你可以用animate函数,具体看jquery的API

读书人网 >JavaScript

热点推荐