資源描述：
《基于javascript實(shí)現(xiàn)樣式清新圖片輪播特效》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解基于javascript實(shí)現(xiàn)樣式清新圖片輪播特效 本文實(shí)例為大家分享了javascript實(shí)現(xiàn)圖片輪播特效，供大家參考，具體內(nèi)容如下 一、實(shí)現(xiàn)效果 如上圖： 1、圖片自動(dòng)依次輪換，每輪換到一張圖片，下面對(duì)應(yīng)的小圖標(biāo)出現(xiàn)紅色邊框，并顯示對(duì)應(yīng)的圖片名稱 2、鼠標(biāo)放到大圖片上面的時(shí)，圖片停止輪換，一直顯示當(dāng)前圖片；鼠標(biāo)移開(kāi)后圖片繼續(xù)輪換 3、鼠標(biāo)移到小圖標(biāo)上時(shí)，大圖片區(qū)域會(huì)顯示對(duì)應(yīng)的大圖
2、；鼠標(biāo)移開(kāi)則從當(dāng)前圖片開(kāi)始繼續(xù)輪換 二、代碼 ? ?帶小圖標(biāo)的JS圖片輪換 ? ?*{ ??margin:0px;對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確，更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ??padding:0px; ?} ?#content{ ??width:700px; ??height:538px;
3、 ??margin:0pxauto;/*使所有內(nèi)容居中*/ ??border:solid#F0F0F0; ?} ?/*定義下面小圖標(biāo)處樣式*/ ?#nav1table{ ??width:100%; ??height:35px; ??margin-top:-4px; ?} ?#nav1td{ ??width:35px; ??height:35px; ??text-align:center;/*文字居中*/ ??color:#ffffff; ?} ?#text{ ?}對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正
4、體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確，更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ?#_text{ ??width:100%; ??height:100%; ??background-color:#F0F0F0; ??border:none; ??text-align:center; ??font-size:18px; ??color:#; ??font-weigh
5、t:bold; ?} ? ? ? ?? ? ? ?? ?? ??? ???1對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確，更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ???2 ???3 ???4 ???5 ?? ?? ? ? ? ?//將輪換的大圖片放入數(shù)組中 ?vararr=newArray(); ?
6、arr[0]="../images/textPhoto/1.jpg"; ?arr[1]="../images/textPhoto/2.jpg"; ?arr[2]="../images/textPhoto/3.jpg"; ?arr[3]="../images/textPhoto/4.jpg"; ?arr[4]="../images/textPhoto/5.jpg"; ?//將input區(qū)域變換的文字放在數(shù)組里 ?vartext=newArray(); ?text[0]="焦點(diǎn)圖1"; ?text[1]="焦點(diǎn)圖2";
7、 ?text[2]="焦點(diǎn)圖3"; ?text[3]="焦點(diǎn)圖4";對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確，更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ?text[4]="焦點(diǎn)圖5"; ?varsmallImg=document.getElementsByClassName("sImg");//將頁(yè)面上所有小圖片存放在一個(gè)數(shù)組 ?varnu
8、m=0; ?functionchangeImg(){ ??document.getElementById("_photoes").src=arr[num]; ??document.getElementById("_text").value=t
