JS圖片切換的具體方法(帶縮圖版)_javascript技巧-js教程-PHP中文網

複製程式碼程式碼如下:

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

href="/" target=_blank>

src="/jscss/demoimg/wall1.jpg" width="450" height="335" />

target=_blank>图一

href="/" target=_blank>

;

表>

var currslid = 0;

var slidint;

函數 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

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

};

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

focpic.style.visibility = "隱藏";

focpic.filters[0].Apply();

if (focpic.style.visibility == "可見") {

focpic.style.visibility = "隱藏";

focpic.filters.revealTrans.transition=23;

}

其他 {

focpic.style.visibility = "可見";

focpic.filters[0].transition=23;

}

focpic.filters[0].Play();

stopit();

}

函數 playnext(){

if(currslid==4){

currslid = 0;

}

其他{

currslid ;

};

setfoc(currslid);

playit();

}

函數 playit(){

slidint = setTimeout(playnext,4500);

}

函數 stopit(){

clearTimeout(slidint);

}

window.onload = function(){

playit();

}腳本>

身體>

相關標籤：

js 圖片切換

來源：php.cn

上一篇：淺析Javascript使用include/require_javascript技巧下一篇：JavaScript實作url位址自動偵測並加入URL連結範例程式碼_javascript技巧

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章

什麼是 NullPointerException，如何修復它？

2024-10-22 09:46:29
從新手到程式設計師：您的旅程從 C 基礎知識開始

2024-10-13 13:53:41
使用 PHP 解鎖 Web 開發：初學者指南

2024-10-12 12:15:51
揭秘 C：為新程式設計師提供一條清晰簡單的道路

2024-10-11 22:47:31
釋放您的編碼潛力：絕對初學者的 C 編程

2024-10-11 19:36:51
釋放你內心的程式設計師：C 絕對初學者

2024-10-11 15:50:41
使用 C 自動化您的生活：適合初學者的腳本和工具

2024-10-11 15:07:41
PHP 變得簡單：Web 開發的第一步

2024-10-11 14:21:21
使用 Python 建立任何東西：釋放創造力的初學者指南

2024-10-11 12:59:11
編碼的關鍵：為初學者釋放 Python 的力量

2024-10-11 12:17:31