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

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

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

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

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

相关资料更多>

  1. js一个var变量占几多字节
  2. JS版百度mapAPI-map构建
  3. jquery取元素值。解决方案
  4. 为什么这种方法不能给表格单元格赋值,该怎么解决
  5. 关于js中this的疑问及转变成jquery的写法.该如何处理
  6. 关于JavaScript Dom操作的有关问题
  7. EXTJS rowexpander选中行有关问题
  8. jquery无法删除父元素解决方案
  9. 利用JS代码在网页上绘图,该怎么处理