第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

js實(shí)現(xiàn)簡單的圖片輪播功能

js實(shí)現(xiàn)簡單的圖片輪播功能

anfly 2016-09-27 21:17:43
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"> <title>圖片輪播</title> <style> .show{ display:?inline-block; } .hide{ display:?none; } </style> </head> <body> <div> <img?class="show"?src="../images/01.jpg"> <img?class="hide"?src="../images/02.jpg"> <img?class="hide"?src="../images/03.jpg"> </div> </body> <script> window.onload?=?function?lunbo(){ var?i?=?0; setInterval(function(){ var?img?=?document.getElementsByTagName('img'); i++; var?num?=?i%img.length; img[num].className?=?"show"; },2000) } </script> </html> 問題:我用求余的方法去實(shí)現(xiàn)這個(gè)功能,num是一直在0,1,2之間循環(huán),那么如何設(shè)置,在img[num]顯示的時(shí)候,其余的兩張 或者n張圖片是隱藏的。謝謝大神
查看完整描述

1 回答

已采納
?
一席青衫粗布依丶

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超3個(gè)贊

window.onload = function(){

? ? ? ? ? ? var i=0,num=0;

? ? ? ? ? ? var img = document.getElementsByTagName('img');

? ? ? ? ? ? setInterval(function(){

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? num = i%img.length;


? ? ? ? ? ? ? ? i==img.length? i = 0 : i++;

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? img[num].className = "show";



? ? ? ? ? ? ? ? for(var j=0;j<img.length;j++){

? ? ? ? ? ? ? ? ? ? if(j == num){

? ? ? ? ? ? ? ? ? ? ? ? ?continue;

? ? ? ? ? ? ? ? ? ? ?}else{

? ? ? ? ? ? ? ? ? ? ? ? ?img[j].className = "hide";

? ? ? ? ? ? ? ? ? ? ?}

? ? ? ? ? ? ? ? }

? ? ? ? ? ? },2000)

? ? ? ? }

?開始計(jì)時(shí)器時(shí)間有多余延時(shí),還沒有解決,圖片切換沒問題

查看完整回答
1 反對 回復(fù) 2016-09-27
  • anfly
    anfly
    原來for循環(huán)就可以解決,十分感謝?。?/div>
  • 1 回答
  • 1 關(guān)注
  • 2580 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號