最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

JS图片切换,带缩略图版

来源:动视网 责编:小OO 时间:2025-10-02 10:51:25
文档

JS图片切换,带缩略图版

        五屏带缩略图幻灯片切换代码    BODY {      FONT-SIZE: 9pt; BACKGROUND: #d8d8d8; MARGIN: 0px auto; COLOR: #505050; FONT-FAMILY: 宋体,arial,verdana,sans-serif,fantasy,tahoma; TEXT-DECORATION: none; background1: #c8e4f2  }  A {      TEXT-DECORATION: none  }  A
推荐度:
导读        五屏带缩略图幻灯片切换代码    BODY {      FONT-SIZE: 9pt; BACKGROUND: #d8d8d8; MARGIN: 0px auto; COLOR: #505050; FONT-FAMILY: 宋体,arial,verdana,sans-serif,fantasy,tahoma; TEXT-DECORATION: none; background1: #c8e4f2  }  A {      TEXT-DECORATION: none  }  A
  

  

  

  

五屏带缩略图幻灯片切换代码  

  

  

  

  

    

     class=box style="MARGIN-BOTTOM: 8px">  

       class=boxpadding>  

         id=Slide> href="/" target=_blank>  

 id=focpic style="FILTER: RevealTrans(duration=1;ransition=12); VISIBILITY: visible; POSITION: absolute; left:484; top:94"    

src= width="450" height="335" />  

             class=thumb_title id=foctitle>target=_blank>图一  

           id=Slide_Thumb>  

               class=thumb_on id=tmb0 onmouseover=setfoc(0); onmouseout=playit();>href="/" target=_blank> alt="图二" src= />  

               class=thumb_off id=tmb1 onmouseover=setfoc(1); onmouseout=playit();>href="/" target=_blank> alt="图二" src= />  

               class=thumb_off id=tmb2 onmouseover=setfoc(2); onmouseout=playit();>href="/" target=_blank> alt="图三" src= />  

               class=thumb_off id=tmb3 onmouseover=setfoc(3); onmouseout=playit();>href="/" target=_blank> alt="图四" src= />  

               class=thumb_off id=tmb4 onmouseover=setfoc(4); onmouseout=playit();>href="/" target=_blank> alt="图五" src= />  

                

var picarry = {};   

var lnkarry = {};   

var ttlarry = {};   

lnkarry[0] = "/";   

ttlarry[0] = "图一";   

lnkarry[1] = "/";   

ttlarry[1] = "图二";   

lnkarry[2] = "/";   

ttlarry[2] = "图三";   

lnkarry[3] = "/";   

ttlarry[3] = "图四";   

lnkarry[4] = "/";   

ttlarry[4] = "图五";   

        

              

          

        

      

    

  

 align="center">  

  

var currslid = 0;   

var slidint;   

function setfoc(id){   

    document.getElementById("focpic").src = picarry[id];   

    document.getElementById("foclnk").href = lnkarry[id];   

    document.getElementById("foctitle").innerHTML = ''+ttlarry[id]+'';   

    currslid = id;   

    for(i=0;i<5;i++){   

        document.getElementById("tmb"+i).className = "thumb_off";   

    };   

    document.getElementById("tmb"+id).className ="thumb_on";   

    focpic.style.visibility = "hidden";   

    focpic.filters[0].Apply();   

    if (focpic.style.visibility == "visible") {   

        focpic.style.visibility = "hidden";   

        focpic.filters.revealTrans.transition=23;   

    }   

    else {   

        focpic.style.visibility = "visible";   

        focpic.filters[0].transition=23;   

    }   

    focpic.filters[0].Play();   

    stopit();   

}   

  

function playnext(){   

    if(currslid==4){   

        currslid = 0;   

    }   

    else{   

        currslid++;   

    };   

    setfoc(currslid);   

    playit();   

}   

function playit(){   

    slidint = setTimeout(playnext,4500);   

}   

function stopit(){   

    clearTimeout(slidint);   

    }   

window.onload = function(){   

    playit();   

}  

  

  

 

文档

JS图片切换,带缩略图版

        五屏带缩略图幻灯片切换代码    BODY {      FONT-SIZE: 9pt; BACKGROUND: #d8d8d8; MARGIN: 0px auto; COLOR: #505050; FONT-FAMILY: 宋体,arial,verdana,sans-serif,fantasy,tahoma; TEXT-DECORATION: none; background1: #c8e4f2  }  A {      TEXT-DECORATION: none  }  A
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top