我有一个包含菜单 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);