繁体   English   中英

更改HTML代码以淡出背景替换图像

[英]change HTML code for fading background replacing images

这是我的HTML代码:

 <html> <head> <script language="JavaScript"> <!-- // Set speed (milliseconds) var speed = 4000 // Specify the image files var Pic = new Array() // don't touch this // to add more images, just continue // the pattern, adding to the array below Pic[0] = 'img_1.jpg' Pic[1] = 'img_2.jpg' Pic[2] = 'img_3.jpg' Pic[3] = 'img_4.jpg' // ======================================= // do not edit anything below this line // ======================================= var t var j = 0 var p = Pic.length var preLoad = new Array() for (i = 0; i < p; i++){ preLoad[i] = new Image() preLoad[i].src = Pic[i] } function runBGSlideShow(){ if (document.body){ document.body.background = Pic[j]; j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runBGSlideShow()', speed) } } //--> </script> </head> <body onload="runBGSlideShow()"> </body> </html> 

我尝试了所有已知的更改操作,因此更换时图片会褪色,但未成功。 如果可以的话,如果您将其添加到HTML代码中,我将不胜感激(如果不能,请添加css),请看看是否可以帮助我。

为什么要重新发明轮子?

已经有一个漂亮的jQuery插件了

http://srobbin.com/jquery-plugins/backstretch/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM