新手提问想要背景图片自动滑动切换应该怎么实现-JavaSript-爱易网页

新手提问想要背景图片自动滑动切换应该怎么实现

日期：2014-05-16　浏览次数：20482 次

新手提问想要背景图片自动滑动切换应该如何实现？
如题最后能给个能用的例子！

------解决方案--------------------
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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

新手提问想要背景图片自动滑动切换应该怎么实现

相关资料更多>

推荐阅读更多>

新手提问 想要背景图片自动滑动切换应该怎么实现

相关资料更多>

推荐阅读更多>

新手提问想要背景图片自动滑动切换应该怎么实现