我有一个包含菜单 div、徽标 div 和一些文本的标题 div。我想制作幻灯片。我尝试了 JQuery fadeIn() 和 fadeOut() 函数,但是当我使用 fadeOut() 方法时,所有标题内容( menu div,logo div etc...) 是有影响的。我写了一个 JavaScript 函数来改变 header div 的背景图像,但这一次,它不像幻灯片,它像一个 gif 图像。我需要制作一个在图像之间缓慢传递的幻灯片。
我的代码在这里var imageArray = new Array(); var switchMilliseconds = 5000; // 指定 div 或其他 HTML 标签的 id // 要切换的背景图片。 var divID = "标题"; // 要添加更多图像,请继续下面的模式。 imageArray[0] = 'images/header_bg.png'; imageArray[1] = 'images/1.jpg'; imageArray[2] = 'images/header_bg.png'; imageArray[3] = 'images/1.jpg'; // 在这个 JavaScript 中不需要进一步的定制 功能发布图片(一){ document.getElementById(divID).style.background = 'url("' + imageArray[i] + '")'; 我++; 如果 (i > (imageArray.length - 1)) { i = 0; } setTimeout('publishPicture(' + i + ')', switchMilliseconds); } 发布图片(0);