javascript - 当您打开 Accordion 选项卡时，使背景图像淡入加载并消失-6ren

javascript - 当您打开 Accordion 选项卡时，使背景图像淡入加载并消失

转载作者：太空宇宙更新时间：2023-11-03 19:18:07

我正在使用这个网站，我添加了两个交叉淡入淡出的背景图像。这是链接:www.alexarodulfo.com .但是，我想看看是否:1) 可以使淡入更微妙，就像它们实际上在加载时和彼此重叠时慢慢淡入淡出一样。2) 可以在您打开菜单上的 Accordion 选项卡时使它们消失，并在它们全部关闭时使它们再次出现。这是我用于背景图像淡入的代码:

<style>

body{
background-repeat: no-repeat;
background-position: 200 100;}

</style>

<script type="text/javascript"> 
// (C) 2006 CodeLifter.com

var speed = 6000;
var crossFadeDuration = 10;
var Pic = new Array();

Pic[0] = 'images/back_2.png';
Pic[1] = 'images/back_1.png';

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 runSlideShow(){

if (document.all){
    document.body.style.filter="blendTrans(duration=crossFadeDuration)";
    document.body.filters.blendTrans.Apply();
    document.body.filters.blendTrans.Play();}  

if (document.body){
    document.body.background = Pic[j];    
    j = j + 1
    if (j > (p-1)) j=0
    t = setTimeout('runSlideShow()', speed)}    

} 
</script>

</head>

<body onload="runSlideShow()"></body>
</head>